I’d love to recreate this effect with a navbar, where the background colour changes when it goes from a dark to light section (and vice versa), just like on the Apple One Page (Apple One - Apple) or their Newsroom Page (Newsroom - Apple).
Would there be any way of recreating this within Webflow? Maybe with some custom code?
I tried using the ‘While Page is Scrolling’ interaction for it but I’m not sure that’s the best way to do it, especially since working out the percentage isn’t exactly a precise science, especially when you’re looking for it to be consistent across multiple viewports.
Please let me know if there’s a way to do it like Apple do on the pages above, within Webflow.
By the way, here’s my shot at it – feel free to edit this, or create a rough page of your own if you find a better way
Here is my site Read-Only: LINK