Streaming live at 10am (PST)

Hide/Show Navigation based on scroll direction


#1

I would like to show/hide the navigation based on the scrolling direction of the user. When the user scrolls down, the navigation should be hidden. When the user scroll up, the navigation should be shown.

Look at this example: http://www.wondersauce.com/work/bikyni


#2

You can accomplish that using an interaction. Create the interaction and apply it to the 2nd section down (not the top hero section). When creating the interaction have it target the class of the menu bar.


#3

Thanks for your feedback. But I think you didn't get the idea. I don't want to show/hide the navigation if a div / element is scrolling into a view or out of view.

The navigation should be shown oder hidden when the user scroll down or up - independent where the scrolling position of the user is.


#4

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.