How to make a fixed header that changes color on scrolling? Adobe XD

Question

Hi there, does anyone know how to make a fixed header in Adobe XD that changes color when scrolling down? This is the link to an example: https://www.adlerplanetarium.org/

Notice that the header has no box or a colored panel at its initial position but as we scroll down a colored box panel appears behind the header, kind of looking to make that effect.

If anyone knows how to do this I would really appreciate all the help!

Thank you!

Atul_Saini · Answer

Hi there,

Thank you for reaching out. It's a really interesting effect that you're trying to achieve here. I think you can take inspiration from this tutorial < https://www.youtube.com/watch?v=PV3Dd-saJsw >

Let me know if you need further assistance on this.

Thanks,

Atul_Saini

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded