Fixed / Floating header to appear/hide on scroll

Question

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.

Ares Hovhannesyan · Accepted Answer

Please look on Auto-AnimationAuto-animate in XDSupported 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 transitionBorder SizeOpacityRounded CornerPosition (X/Y)Size (W/H)Rotation Text SizeCharacter SpacingParagraph SpacingLine Spacing Paths

Kenneth Kawamoto · Answer

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

Properties that animate over the duration of the transition

Properties that animate over the duration of the transition

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.

Scanning file for viruses.

This file cannot be downloaded