Streaming live at 10am (PST)

Sticky navbar vissible


#1

I added the nav so that it shows as you scroll down. How do I set it that it's visible when you're at the to of the page? At this moment it disappears....

http://volle-maan.webflow.io/


#2

Currently interactions do not support positioning style change (i.e.: fixed only when you scroll down).

These are your options:

  • Make header fixed without interactions, like https://samliew.com
  • Duplicate navbar, and make one of them position auto without interactions
  • Remove interactions and use custom code to make navbar fixed when you scroll down

#3

Thx Samliew!

Thx for having a look for me. I duplicated the navbar and set it without interactions but now the navbar doesn't hide when scrolling down. It's always visible. What I would like is that it works like the tutorial: https://www.youtube.com/watch?v=R2kRyhf3wiU

Thx!
Daniel


#4

Yes, so now you set the interaction on the fixed navbar like in the video, and leave the original as position auto.


#5

Thx! I got it working :slight_smile:


#6

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