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.


Animated sticky header

New Here ,
Jan 22, 2021 Jan 22, 2021

Copy link to clipboard

Copied

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/

Views

215

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

correct answers 1 Correct answer

Adobe Community Professional , Jan 22, 2021 Jan 22, 2021
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! 

Likes

Translate

Translate
Adobe Community Professional ,
Jan 22, 2021 Jan 22, 2021

Copy link to clipboard

Copied

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 

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 Community Professional ,
Jan 22, 2021 Jan 22, 2021

Copy link to clipboard

Copied

LATEST

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

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