Skip to main content
Hariharasudan
Participant
January 10, 2019
Answered

Fixed / Floating header to appear/hide on scroll

  • January 10, 2019
  • 2 replies
  • 11969 views

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.

    This topic has been closed for replies.
    Correct answer Ares Hovhannesyan

    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

    2 replies

    Ares Hovhannesyan
    Community Expert
    Ares HovhannesyanCommunity ExpertCorrect answer
    Community Expert
    January 10, 2019

    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

    Kenneth Kawamoto
    Community Expert
    Community Expert
    January 10, 2019