How to change Navbar on scroll with Waypoint.js

I’m trying to trigger a background change on my navigation for each section.
I’ve tried Webflow scrolling interactions and now Waypoint without success.

The waypoints trigger fine when I inspect, but on load they fire at strange points while scrolling.

Any help would be greatly appreciated.

Here is my Read-Only link:

Did you ever figure this out?