【问题标题】: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?如果没有,您将需要这样做。航点可能与此问题无关。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-02-03
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-06-01
    相关资源
    最近更新 更多