Animated sticky header

[alexisg93678155]

Hey, i know how to make a sticky header but is it possible to make more complee sticky header, for exemple like this one :

https://www.pax.fr/reference/groupe-sprint-x-advence-x-leclerc-imprimerie/

[Chris W. Griffith]

That is nice header. I can't think of a solution in XD at the moment. The key event you need is the scroll event, and is not one that XD 'knows' about at this time. You need that event to trigger the component state change.  I would open a feature request (or see if one like it exists) at https://adobexd.uservoice.com/forums/353007-adobe-xd-feature-requests 

[Spas K. · Accepted solution]

Hi Alexis, as Chris mentioned, there's no scroll triggers as of now in Xd, so there's no ready solution for this, but I've been using a workaround for these situations, which kinda does the job. Check out my reply in this thread, it has an example with a prototype and .xd file, which you can examine and see how its set up.

Hope this helps! 🙂