Smooth changing background-color of body while scr

Question

I use fullpage.js and I want to change background-color smoothly of body while scrolling. I saw this effect here. This site also use Fullpage.js and I want to add this effect to my site. I create a jsFiddle with fullpage example here. Site with smooth color uses mt-data-slide-bg-color="#f4efec" and some javascript code to fullpage function. This function locates here (link in comments). So but if I add this code to my example it doesn't work.

Please help me.

Answer 1

You can animate colours using jquery UI.

Then, change the body color and leave sections and slides without any background color or image.