无法实现流畅的javascript动画

Cannot achieve smooth javascript animation

本文关键字：javascript 动画实现更新时间：2023-09-26

我一直在尝试许多不同的javascript框架，如jquery，甚至是像$fx这样的动画专用框架，我都无法达到我想要的平滑度。

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

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

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

我一直在做一些非常简单的东西，比如从页边空白顶部的简单文本：用jquery或$fx从100px到500px，这很不稳定。。。

这两个网站都使用CSS转换和CSS动画，它们比JS动画更平滑（CSS动画基于关键帧，移动更平滑。JS动画本质上是只是关键帧，如停止运动，因此更抖动）

在脚本中使用jquery轻松处理以实现平滑动画。http://gsgd.co.uk/sandbox/jquery/easing/

查找http://jquerymobile.com/用于移动优化您的过渡，

此外，查找http://api.jquery.com/animate/从一种状态改变到另一种状态。

您的"平滑度"有持续时间和缓和特性：）