Issue in page scroll animation

Hi,

I am working on page scroll up and down animation. When I scroll down the nav bar should be hidden and when i scroll up nav bar should come back.

The animation is working fine but whenever the page loads nav bar moves from top instead of remain fixed. Nav bar should only move when I scroll up.

Can someone look into the issue?

Here is my public share link: Webflow - Fitness Site Rebuild

It looks like you’ve create something more complex than is needed.

You only need a “move” property enabled. Delete all others.

For scrolling up, set an initial state of “move” to -155px and then end at 0px.

For scrolling down, set an initial state of “move” to 0px and then end at -115px.

1 Like