Show & Hide Nav Bar Issue (Can't Seem To Hide Nav On Scroll Up)

Community resources Getting started
1

Hey Webflow Forum,

I’m currently working on a project where I want the nav system to scroll in and out at a specific trigger point. I have it scroll in at exactly where I want it, but I can’t seem to figure out how to get it back it its initial state (while showing the original transparent nav at the top).

Any help would be appreciated. Please check out my scroll nav interaction past the hero and let me know if anyone has any direction or leads.

Make sure to Toggle Preview when testing.

https://preview.webflow.com/preview/3x3-official?utm_medium=preview_link&utm_source=dashboard&utm_content=3x3-official&preview=1d4e3d424a9eb1c91660253296c1574c

Thanks,
SBobby

2

you are using webflow nav. you can create a new navigation/header by your self.

image
image1756×224 16.7 KB

3

create a structure like this and apply animation on it
otherwise if you need any help from me contact me here https://www.upwork.com/freelancers/~019d398779c0f22888

4

Thanks for the reply Moheen. But this is not relevant to the question and or direction in which I am building out this site/nav system.

5

add page trigger animation while page is scrolling. Initially header background color will be transparent. and set header background color white on 20% page scroll

image
image1919×962 217 KB