Change element property when interacting with other elements


I was wondering if it’s possible to change the color of a hamburger menu when it scrolls over a certain element on a page. The reason I’m asking is I have a blue hamburger menu and certain sections on the page are blue as well making the hamburger menu invisible. I would like for it to change to white for example when passing the blue section and then back to blue when it’s past the blue section. I’ve tried to do it with the interaction “while page is scrolling” but the timing is off so I can’t use that.

Here is my public share link: LINK
(how to access public share link)