On Scroll Menu Background Refresh Challenge

Need some help with how I’m handling my menu. Let me give some context.

Rather than have a menu background I wanted to have the menu sit over a background, then on scroll I have the menu appear and shrink slightly I have done this by on scroll into view of the header and on scroll out, that way we can detect when to change the menu once it reaches the top.

This all works great however if you refresh the page the interaction no longer knows whether it’s scrolled in or out of view of the section how can I get this so no matter where positioned it can check if that background of the menu is visible or not…


Here is my public share link: [LINK]
(Webflow - Amenity Analytics)

Hi, did you ever find a solution for your menu issue? I’m having the same problem.

Thanks for any info.
Mike