Community forum for knowledge and support

Updated last month

Easily make your nav bar come down when scrolling up

At a glance

The community member is asking for an easy way to make their navigation bar come down when scrolling up. Another community member provides a link to a Webflow article that explains how to show and hide the navigation bar on scroll. The community member then asks if there is a way to apply the same page scroll animation across all pages, but is told that it needs to be done manually for each page as the animation is on the page, not the navigation component.

Useful resources

SSara Margolies

Is there a very easy way to make my nav bar come down when scrolling up?

6 comments

NNima Sakha

Hey Sara, here is what I used to learn:
https://help.webflow.com/hc/en-us/articles/33961261877523-Show-and-hide-navigation-bar-on-scroll

NNima Sakha

If you have any trouble let me know because that video is a bit out dated Ill make a loom video for you

SSara Margolies

Thanks!
I'm trying to apply it to all my nav bars but it's only working on the first one I applied the interaction to. Is there a way to apply the same page scroll animation across all pages?

NNima Sakha

Unfortunately not, you have to do it manually for each page, as you’re not animating the nav component but the page

SSara Margolies

oh got it that makes sense. thanks

SSara Margolies

@Nima Sakha I just posted a question regarding this in #C02MS2V0FSP is you'd have a chance to take a look, maybe you would know? Thank you

Add a reply