The BEST Navbar Animation In Webflow (Show & Hide On Scroll)

[@Stardust-j2d]

loved the tutorial, I was looking for this tutorial for a long time, not many creators made a video on this particular animation, Thanks for the video:)

[@XperiaPlays]

Thanks for all these webflow tips on ur channel. Flexboxgame really helped me to learn quick how move things. Keep up with this content :)

[@jessicacastillo505]

Thanks for the tutorial. Having the same problem as the others. I changed from position Absolute to sticky but does not work. Can you help?

[@NickYaggie]

So I thought this was working great, but I run into a problem with the trigger. On a longer page, the trigger section scrolls out of view if you travel too far down the page. I need to figure out a fix for this.

[@alexleischow]

Make the trigger section sticky so that it sticks to the top of your viewport the whole way down! That way it never goes out of view as you scroll down

[@mattsmartt]

@@alexleischow I tried this too - didn't seem to work. As in change from position Absolute to sticky with the same 110VH margin top?

[@davidbrami5933]

@@alexleischow Thanks fos the video but the same here. It doesn't work with a longest page.

[@GreenHornCountryClub]

The easiest thing to do here, rather than creating a specific trigger for the event, is just to use the original navbar as the trigger and then invert the slide in/out animations. In other words, create the same interaction but use the original navbar as the trigger, when the navbar is in view: hide and move up, when the navbar is out of view: display and move down.

[@james8356]

@@GreenHornCountryClub Thanks mate.

[@RashedKhanMenon-u4w]

Not working sir. Plz help. create another video if possible.