Streaming live at 10am (PST)

Show and hide navbar when scrolling in or out a particular section


#1

Hello,

I’m having trouble with show and hide my navbar. I want navbar to appear only after the first section of the site (witch is a background video). After that section, navbar always stays fixed on top. When we scroll up back to video section, the navbar hides. Can anyone show me please how can i make this?

Here is my link: https://preview.webflow.com/preview/ckguest-house?preview=09699643cd8d5a7b60cfc6f81aeeb964

Thanks


#2

Hi @Helena

It looks like you may have fixed this already?

If not, a couple of tutorials which will help with the fundamentals:

Legacy interactions: https://university.webflow.com/article/show-and-hide-a-navbar-on-scroll
Interactions 2.0: https://university.webflow.com/lesson/show-hide-navbar-on-scroll-interactions


#3

Hi guys,

Sorry I was confused about the new interaction affect elements and i was working for hours, Just gave me a mind block but it’s already solved! Sorry for posting!

Thanks!


#4

No problem - glad you solved it!