Smooth changing background-color of body while scrolling in Fullpage.js

问题

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.

回答1:

You can animate colours using jquery UI.

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

来源：https://stackoverflow.com/questions/37378872/smooth-changing-background-color-of-body-while-scrolling-in-fullpage-js