Streaming live at 10am (PST)

Nav Bar disappear right after it shows up why?


#1

Hello,

Can anybody help me out with this issue. I wanted to create a menu that will show up as I scroll down. It does show up but it does't stay there as fixed nav bar and disappear. Why this is happening? I followed the instruction on tutorials.

https://webflow.com/design/peggys?preview=c78d3db5b066a20d0fbd6ea93a3b1bda

ps: please don't mind the pictures i just put them there to test nav bar's interaction.


#2

It's your interaction causing this. You created an interaction on the "herovideo" section which says: Move the navbar up and fade out + display none when the "herovideo" section is visible.


#3

So what you're trying to do... just reverse all settings. Move the settings you put under "scroll into view", under the "scroll out of view", and vice versa.


#4

Hello thank you for answer. But this exactly what I want to do. I don't want my navbar visible at the beginning and it will show up when I scroll down. That's why i created an interaction on herovideo which says "move the navbar up and fadeout + display none when herovideo is visible and fade in + move back to original position when hero video is not visible."


#5

If you can scroll down you will see menu is visible and it does not stay there its position.


#6

Hi @emxtech, could you check again, I am unable to reproduce the issue, I open your page, then when I scroll menu shows up, and when I scroll back, it hides out of view again. Cheers, Dave


#7

Hello please check this issue here. I don't want nav bar disappear once it displays. I just recorded my screen.

https://www.dropbox.com/s/u3j5dyyuqtd0zkf/ScreenFlow.mp4?dl=0

#8