Waypoint Jquery Animate

Waypoint Jquery Animate

本文关键字：Animate Jquery Waypoint      更新时间：2023-09-26

简单地尝试用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);
    }
  });
});

From jQuery docs for animate:

…大多数非数字属性不能使用基本的jQuery功能来动画化(例如，宽度，高度，或左可以动画化，但背景颜色不能，除非使用jQuery. color()插件)。

你包括一个插件，将允许你动画颜色属性，像jQuery颜色插件或jQuery UI?如果没有，您将需要这样做。路径点可能与这个问题无关。

相关文章：