航点 Jquery 动画答案

【问题标题】：Waypoint Jquery Animate航点 Jquery 动画
【发布时间】：2014-07-26 19:46:24
【问题描述】：

只需尝试使用 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);
    }
  });
});

【问题讨论】：

您是否检查过航点库是否正确加载？
我想是的。 console.log("准备好了！");工作

标签： javascript jquery css jquery-waypoints animate.css

【解决方案1】：

来自jQuery docs for animate：

...大多数非数字属性无法使用基本的 jQuery 功能进行动画处理（例如，宽度、高度或左侧可以进行动画处理，但背景颜色不能进行动画处理，除非使用 jQuery.Color() 插件)。

您是否包含一个插件，可以让您为颜色属性设置动画，例如 jQuery Color 插件或 jQuery UI？如果没有，您将需要这样做。航点可能与此问题无关。

【讨论】：