I’m trying to create an interaction that makes the background color fade out and the next background color show through as you scroll. However, while I’ve got it working, more or less, I can’t figure out how to make the background divs stay fixed. Because the BG isn’t staying fixed, you see the hard edges between sections when scrolling - I just want the color in the back to change, without scrolling itself.
Of course, I have them set to “fixed” and “full”.
I’ve tried removing the jquery, I’ve tried reorganizing the hierarchy, I have no idea what is going on. Please help?
Specifically I mean this test page: https://deer-island-studio.webflow.io/project-page-03#2
Here is my public share link: https://preview.webflow.com/preview/deer-island-studio?utm_medium=preview_link&utm_source=dashboard&utm_content=deer-island-studio&preview=8cfc3dc238548fd43ccbadf0a5b3c40d&mode=preview