My homepage starts at the top with a background image that’s designed to be behind the Navbar, too. So the Navbar has transparent background.
However, when I start scrolling down, the Navbar should have white background, because other parts of the page (like text) are not meant to be background to the Navbar.
I tried accomplishing this with page scroll interaction but failed. I assume I should actually use animation triggered on the background image, and change the Navbar background color to white when the image starts scrolling (and change it back to transparent when the image scrolls back to the top). But I couldn’t understand how to do it.
Here is my public share link: //preview./preview/rollsoft?utm_medium=preview_link&utm_source=designer&utm_content=rollsoft&preview=01b2b109966c8a9eba69cdc629522e81&mode=preview
(how to access public share link)