Animated sticky header

Question

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/

Spas K. · Accepted Answer

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! 🙂

Chris W. Griffith · Answer

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

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.