Streaming live at 10am (PST)

Newbie : can't get the scroll nav showcased in tutorials to work properly


#1

Hi there,
Great job you've done with webflow.
Trying to have a Navbar displayed once the top section of the page is scrolled off screen, as showcased in the "Nav Appears As You Scroll" tutorial. My problem is i can't even get the steps demoed in the tutorial to work.
See for yourselves : http://tlabmars.webflow.com/
There actually should be a navbar...
Quite confused as i'm doing exactly as showcased. What on earth am i doing wrong ?
Silly question i know but it's driving me mad (i tried at least 3 times : each time striping the page from elements down to a three colored sections page).

Thx for any light you can shed on my newbie mistakes.


#2

Hi @annabelr Please share your public link for us help you easier. You can enable it from Site Settings. Once you enabled it copy and paste it here.


#3

Sorry wink

Here it is : https://webflow.com/design/tlabmars?preview=b90e95fd57ff134c40ba4c6e6858012b

Thx


#4

Hi @annabelr

I created a 'version' that works, you can modify as you feel fit.

Screenshot

Have a look at the above screenshot,

Scroll into view reads as follows;
Move up 62px
Display None
Offset to 50%

Scroll out of view reads as follows;
Move to origin
Opacity set to 100%

Hope that helps

edit: Here is a GIF of it in action.


#5

@annabelr You missed to set Fixed position for your navtop. And since you have nothing but small text on it you may want to set 100% width.


#6