Trouble Re-Creating this Navbar Animation

Hello all,

I am having trouble building a navbar similar to the one on this site.

Currently I have the basic behaviour somewhat similar to the go-by site, but on mobile I am confused on how I am supposed to use animations or some other workaround to change the top part of the nav (logo and hamburger menu) to the proper color when opening and closing.

This is because the nav changes color based on a “while page is scrolling” animation.

Any ideas? Trying to avoid using JS but can resort to that if it’s the only way.


Here is my read-only link: Webflow - Texas Residential Elevator