防止jquery动画之间的暂停

时间:2013-07-14 21:08:15

标签: jquery-animate jquery-callback

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

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

感谢我能为此提供任何帮助!

1 个答案:

答案 0 :(得分:0)

可以在Jquery animate() Documentation找到相关信息。更具体地说,缓动参数。

有两种缓和方式:一种是 swing (默认情况下,动画开始时速度增加,最后减速,看起来像a"暂停"如果您设置了多个动画,另一个是线性

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

所以这个:

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

会变成这样:

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

这应该摆脱暂停,因为元素将在整个动画中保持恒定的速度。