I'm trying to make it so that when the white section of the page at https://staging8.nex.io/ touches the menu items, those <a> tags turn the color #141414. Then, when you scroll past the section, they turn back to #fff as the default color. How can I achieve this?
Have a look at IntersectionObservers, and create as many of them as you have white divs.
if your site needs to support IE11, you'll need to polyfill intersectionObserver
( source )