在 css 更改时触发的 jQuery 事件答案

【问题标题】：jQuery event that fires on css change在 css 更改时触发的 jQuery 事件
【发布时间】：2011-06-19 06:31:18
【问题描述】：

我正在使用.animate 方法将div 向右移动 100px 超过 1 秒。

也就是说每 10 毫秒 1 像素。每次像素移动后都会触发一个事件吗？或者甚至是每移动 10-20 像素后触发的事件？

上面的例子是一个简单的例子，我将使用它来跟踪多个元素的left: 属性，并计算出仅当它们在浏览器的可见范围内时才显示它们。

【问题讨论】：

【解决方案1】：

step function in animate 是您所需要的（您必须向下滚动一下）

.animate() 的第二个版本提供一个步骤选项——回调在每一步触发的函数动画。这个功能很有用用于启用自定义动画类型或按原样改变动画发生。它接受两个参数（现在和 fx），这被设置为正在动画的 DOM 元素。

$(something).animate({
  ..... settings...
},
{
  {
  step: function(now, fx) {
    // where your code goes
  }
});

【讨论】：

【解决方案2】：

您是否阅读过 animate() 的 API？

这里使用step的例子：

【讨论】：