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？如果没有，您将需要这样做。航点可能与此问题无关。