Link to pototype below.
I’m trying to create a fixed navigation that switches from white to black (and vise versa) between sections of the site, so it’s always legible on different background colors.
In the past (with interactions 1), I’d basically have 2 copies of the navigation—one black, one white—and create an interaction for sections that would fade between them while hiding one and showing the other.
But with Interactions 2.0 so far I’m having a hard time getting this to work. My results never quite seem to be what i expect, and sometimes they seem inconsistent (ie, navigations will successfully switch colors once, but then won’t again).
I currently have a “Scroll into view” interaction on the second section that’s attempting this. Ideally i’d be able to apply the working interaction to any section with a lighter background on the site.
Any tips for getting this to work? Thanks folks.