1
我有一个jquery动画设置,对象淡入并从屏幕顶部向下滑动,然后它应该保持移动和淡出。现在它淡入,动画下来,然后暂停,然后完成动画。我真的想摆脱停顿,但我不知道如何。我现在将动画设置为回电。你可以在这里看到:防止jquery动画间暂停
http://jsbin.com/uniyix/12/edit
感谢所有帮助我能在这!
我有一个jquery动画设置,对象淡入并从屏幕顶部向下滑动,然后它应该保持移动和淡出。现在它淡入,动画下来,然后暂停,然后完成动画。我真的想摆脱停顿,但我不知道如何。我现在将动画设置为回电。你可以在这里看到:防止jquery动画间暂停
http://jsbin.com/uniyix/12/edit
感谢所有帮助我能在这!
信息可以在这里找到Jquery animate() Documentation。更具体地说,缓动参数。
有两种缓动方式:一种是摆动(这是默认设置,动画开始时速度增加,最后减速,看起来像是“暂停”如果你有多个动画设置),另一个是线性。
线性没有减速,因为速度始终保持不变。 easing参数可以在speed参数后面定义。
所以这个:
$('#example').animate({
'marginLeft' : "+=30",
}, 3000, function() {
});
会变成这样:
$('#example').animate({
'marginLeft' : "+=30",
}, 3000, "linear", function() {
});
这应该摆脱暂停的元素将在整个动画以恒定的速度。
那么jquery的默认'easing'是'swing'。所以这不是一个停顿,而是一个缓慢的过程。所以你需要选择另一个“缓动”。 –
t.niese是正确的(至少对于jQuery动画):http://jsbin.com/uniyix/37/edit。或者,您可以查看CSS3转换(http://www.css3.info/preview/css3-transitions/)和关键帧动画,以在没有JS的情况下实现相同的结果。 –