jquery-animate - 防止jQuery动画之间的暂停

Question

我设置了一个 jquery 动画，对象淡入并从屏幕顶部向下滑动，然后它应该继续移动并淡出。现在它淡入，动画下来，然后暂停，然后完成动画。我真的很想摆脱暂停，但我不确定如何。我现在将动画设置为回调。在这里你可以看到它：

http://jsbin.com/uniyix/12/edit

感谢您提供的任何帮助！

Answer 1

可以在Jquery animate() 文档中找到信息。更具体地说，缓动参数。

有两种缓动：一种是摇摆（默认设置，动画开始时速度增加，结束时减速，如果您设置了多个动画，则看起来像“暂停” ) 另一个是线性的。

线性没有减速，因为速度始终是恒定的。缓动参数可以在速度参数之后定义。

所以这：

$('#example').animate({
  'marginLeft' : "+=30",
  }, 3000, function() {
});

会变成这样：

$('#example').animate({
    'marginLeft' : "+=30",
  }, 3000, "linear", function() {
});

这应该消除暂停，因为元素将在整个动画中保持恒定速度。