无法实现流畅的javascript动画答案

【问题标题】：Cannot achieve smooth javascript animation无法实现流畅的javascript动画
【发布时间】：2012-02-04 12:48:31
【问题描述】：

我一直在尝试许多不同的 javascript 框架，例如 jquery，甚至是特定于动画的框架，例如 $fx，但我无法达到我想要的流畅度。

我最近看到了两个非常流畅的动画示例，无论是在计算机上还是在 iPhone 和 iPad 上。

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

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

【问题讨论】：

【解决方案1】：

这两个网站都使用了CSS transitions 和CSS animations，它们比 JS 动画更流畅（CSS 动画基于关键帧并且移动更流畅。JS 动画本质上只是像停止这样的关键帧-motion 所以它更紧张）

【讨论】：

【解决方案2】：

在脚本中使用 jquery easing 以获得流畅的动画效果。 http://gsgd.co.uk/sandbox/jquery/easing/

【讨论】：

【解决方案3】：

查找 http://jquerymobile.com/ 以优化您的过渡，

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

你的“平滑度”有持续时间和缓动属性:)

【讨论】：