2

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

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

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

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

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

4

3 回答 3

3

这两个网站都使用了比 JS 动画更平滑的CSS 过渡和CSS动画（CSS 动画基于关键帧并且移动更加流畅。JS 动画本质上只是 像定格动画这样的关键帧，所以它更加紧张）

于 2012-01-06T20:22:01.833 回答
0

查找http://jquerymobile.com/以获取转换的移动优化，

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

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

于 2012-01-06T20:24:27.043 回答
0

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

于 2012-01-06T20:23:18.463 回答