Waypoint Jquery动画

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

非数字的

...most属性不能使用基本的jQuery功能设置动画(例如，可以设置宽度、高度或左侧的动画，但不能设置背景色的动画，除非使用jQuery.Color()插件)。

您是否包含了一个插件，可以让您对颜色属性进行动画处理，如jQuery颜色插件或jQuery UI？如果不是，您将需要这样做。航点可能与这个问题无关。