Magic scrolling colours

Scroll to animate the background colour of the body as a full height panel becomes visible.

I have tried to comment the code, particurly the JavaScript, as much as possible. I hope it's clear to understand.

If you have any questions my twitter is @daveredfern.

Violet panel

Indigo panel

Blue panel

Green panel

Yellow panel

Orange panel

Red panel

Add Your Heading Text Here

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Add Your Heading Text Here

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.