Waypoint Jquery Animate

Question

只需嘗試使用waypoint.js和animate.css更改滾動背景色。 爲什麼它不起作用？

$(document).ready(function(){ 
    console.log("ready!"); 
    $('#one').waypoint(function(direction) { 
    if (direction == "up") { 
     $("body").animate({ backgroundColor: "#131314" }, 600); 
    } else if (direction == "down") { 
     $("body").animate({ backgroundColor: "#252525" }, 600); 
    } 
    }); 
}); 

Answer 1

從jQuery docs for animate：

...是非數字不能使用基本的jQuery功能性（例如，寬度，高度是動畫，或最左邊的性質可以是動畫，但背景 - 顏色不能，除非使用jQuery.Color（）插件）。

你是否包含一個插件，可以讓你動畫顏色屬性，如jQuery Color插件或jQuery UI？如果沒有，你需要這樣做。航點可能與這個問題無關。