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]: [2]:

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