Streaming live at 10am (PST)

Conflict of page scrolling animation and page load animation on the same element

So I have this top navbar that I set up so that it slides up and hides itself when scrolling down, and reappears when scrolling up.
I also wish to make it slide down upon page loading.

But somehow when I have both page load and page scroll animations, the pageload one gets disabled for the top navbar.
If I disable the page scroll action, the navbar animates on page load just fine.

Is there any way to resolve the conflict?


Here is my public share link: [LINK][1]
([how to access public share link][2])

[1]: https://preview.webflow.com/preview/projectroc?utm_medium=preview_link&utm_source=designer&utm_content=projectroc&preview=db675d36f2baf37d00743a2c6a53a567&mode=preview [2]: https://university.webflow.com/article/sharing-your-sites-read-only-link

Actually just figured it out. Don’t set the hidden state as initial and it solves the problem.