无法实现流畅的javascript动画

时间:2012-01-06 20:06:27

标签: javascript jquery animation smooth

我一直在尝试许多不同的javascript框架,比如jquery,甚至像$ fx这样的特定动画,我无法达到我想达到的平滑度。

我最近看到的动画有两个非常流畅的例子,无论是在电脑上还是在iPhone和iPad上。

http://beta.jolicloud.com/http://www.apple.com/iphone/

他们如何实现如此流畅的动画?

我一直在制作非常简单的文本,例如简单的文本从margin-top:100px到500px,使用jquery或$ fx,它是紧张的......

3 个答案:

答案 0 :(得分:3)

这两个网站都使用CSS transitionsCSS animations比JS动画更流畅(CSS动画基于关键帧并且移动得更顺畅.JS动画本质上只是 关键帧,如停止动作,所以它更加紧张)

答案 1 :(得分:0)

使用jquery easing和您的脚本进行平滑动画。 http://gsgd.co.uk/sandbox/jquery/easing/

答案 2 :(得分:0)

查找http://jquerymobile.com/,了解您的转化的移动优化,

此外,查找http://api.jquery.com/animate/可以从一种状态更改为另一种状态。

“光滑度”有持续时间和宽松属性:)