Fixed / Floating header to appear/hide on scroll

[Hariharasudan]

I've been using XD for wireframes and mockups for awhile now for user testing and also presentations to users. I love the new "fixed element" feature but it does not depict accurately the intent of showing/hiding header on scroll. Eg, I don't wish to show the header on homepage landing as the menus will be designed differently but when user scrolls to read content below, the header should slide in from top to allow user to navigate through other pages without having to scroll all the way up to access the menu.

I need to know if there is an option or way to achieve this.(using animation / opacity / etc?)

Thanks in advance.

[Kenneth Kawamoto]

Custom Scroll Animation Behaviour – Adobe XD Feedback : Feature Requests & Bugs

[Ares Hovhannesyan · Accepted solution]

Please look on Auto-Animation

Auto-animate in XD

Supported auto-animate features in XD artboard transitions

Learn about the different auto-animate effects you can create between artboard transitions in XD.

Depending on which properties are modified, XD leverages Auto-Animate to animate them across the artboards. Some properties change at the start or end, and some animate over the duration of the transition.

Properties that animate over the duration of the transition

• Border Size
• Opacity
• Rounded Corner
• Position (X/Y)
• Size (W/H)
• Rotation
• Text Size
• Character Spacing
• Paragraph Spacing
• Line Spacing
• Paths