Hi there!
I’m experiencing an issue with one of the animations I’ve set up on my website.
So, I’ve got a navigation bar with a background layer that has a white underline. This background layer should always be hidden when you’re at the top/hero section of the page — it should only appear when you’ve scrolled further down the page.
It works properly on some pages, e.g. this one: Original Shows
On the Home and About pages, however, the background layer is already visible when the page first loads, which should not be the case. Interestingly, once you’ve scrolled the page at least a tiny bit, it starts working properly. But I’m not satisfied with that, since it should always be invisible when you’re at the top of the page.
Does anyone have any ideas why the interaction might not be working properly on those pages?
I’ve compared the animation setup on both Home and About pages to those on the Original Shows page and they seem to be identical.
P.S.
Apart from this one, the navigation bar also has another interaction assigned to it — the whole bar itself is hidden unless you’ve scrolled the page down. But this interaction is working properly and it’s unrelated to my question.
Here is my public share link: Webflow - Free Jabriya
(how to access public share link)