Hello.
I’m trying to make two interactions with the navbar:
- It disappears when scrolling down the page and appears when scrolling up;
- Its background turns transparent when it is on the top of the page and opaque when it is on other parts.
I succeed in 3 of the 4 tasks. The item 1 is working. The problem remains at item 2, which is partially working. It starts with the transparent background and turns into opaque when out of the top. But once it comes back to the top, it’s background doesn’t turn transparent again, as can be seen in the link below.
Here’s how I made it: I created a top section (static) and placed the navbar inside it. So I added the “Scroll to view” trigger to the top section and created two animations, one for the scrolled into view and another for the scrolled out of view.
Hope someone can help me. Thanks.
[1] Link of the website: https://deeps-superb-site-8efd95.webflow.io/
[2] Read-only link (in which the navbar shows a different behavior)
