Streaming live at 10am (PST)

Background color change on scroll


Looking to recreate an effect seen on whereas each section comes into view the background changes.

I’m about 70% of the way there but having some issues.


I’m able to get each section to change the background except for the last section. It does not use the same animation correctly. I’ve set up the animations as Scroll into view then offset by 10% and change the BG color of the “homepage” class that’s connected to the body element.

Also, how do I get the colors to change in the same manner when users scroll up?

Thanks in advance for any help you can provide.