javascript - Jquery 缓动动画在 iPad 上滞后

Question

我一直在为 iOS 开发一款网页应用游戏，我注意到 iPhone 与 iPad 上的性能存在显着差异。当玩家开始一个关卡时，使用带有 jQ​​uery UI 缓动的 jQuery .animate() 可以同时调用最多 20 个动画。任何 iPhone 上都不会出现任何延迟或性能问题，但至少配备 Retina 的 iPad mini 似乎存在很多延迟问题。

我读到 requestanimationframe 应该是一个更好的方法，但我如何使用它并仍然保持我的 jQuery UI 缓动？

谢谢!

Answer 1

看看下面的帖子

Velocity.js

Velocity.js 重新实现 jQuery.animate()。

上面发布的链接中的示例

[jQuery 语法]

$div
 /* Fade an element in while sliding it into view. */
 .animate({ opacity: 1, top: "50%" })
 /* The values below are what we originally set the element to in our  stylesheet. Animate back to them. */ 
 .animate({ opacity: 0, top: "-25%" });

[Velocity.js]

$div
 .velocity({ opacity: 1, top: "50%" })
 .velocity("reverse");

可以在以下指向 Velocity.js 主页的链接中找到更多信息

Velocity.js Main page

您可以从here下载Velocity.js