Welcome Dialog

Welcome to the Community!

We have a brand new look! Take a tour with us and explore the latest updates on Adobe Support Community.


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

New Here ,
Apr 19, 2021 Apr 19, 2021

Copy link to clipboard

Copied

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!

TOPICS
Design, How to, Prototyping

Views

682

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Employee ,
Apr 20, 2021 Apr 20, 2021

Copy link to clipboard

Copied

LATEST

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

Adobe XD does not have a feature to trigger animations on scroll. Here is a workaround for this missing feature.I hope Adobe introduces this features quick.T...

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines