Section background fading color change on scroll

[roonj]

Hi, is it possible to make the section background color fade into a different color when a new section is scrolled down to? I have tried to follow this example https://codepen.io/daveredfern/pen/zBGBJV and added the class to the section rather than the div but the colors aren’t showing.

Any help would be greatly appreciated.

[friech]

Hi @roonj,

Thank you for writing in, while that is outside the scope of support, I could point you in the right direction with the understanding that it would ultimately be your responsibility to take it from here.

Add the class panel and the data-color custom attribute to each section (different color value per section)

• 

The script provided on codepen will not work straight away, you need to wrap it with

jQuery(document).ready(function($){
/*YOUR CUSTOM SCRIPT HERE*/
});

Then you can add that script on the Theme Options > JS or Page > JS area.

The CSS provided on codepen needs to be in Theme Options > CSS or Page > CSS area.

Cheers!

[roonj]

That’s great! Many thanks!

[jade]

You’re most welcome.