2013-07-14 74 views
1

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

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

感谢所有帮助我能在这!

+0

那么jquery的默认'easing'是'swing'。所以这不是一个停顿,而是一个缓慢的过程。所以你需要选择另一个“缓动”。 –

+0

t.niese是正确的(至少对于jQuery动画):http://jsbin.com/uniyix/37/edit。或者,您可以查看CSS3转换(http://www.css3.info/preview/css3-transitions/)和关键帧动画,以在没有JS的情况下实现相同的结果。 –

回答

0

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

有两种缓动方式:一种是摆动(这是默认设置,动画开始时速度增加,最后减速,看起来像是“暂停”如果你有多个动画设置),另一个是线性

线性没有减速,因为速度始终保持不变。 easing参数可以在speed参数后面定义。

所以这个:

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

会变成这样:

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

这应该摆脱暂停的元素将在整个动画以恒定的速度。