Question

我一直在开发适用于iOS的网络应用游戏，我注意到iPhone与iPad的性能存在显着差异。当玩家开始关卡时，使用带有jQuery UI缓动的jQuery .animate()一次调用最多20个动画。任何iPhone上的延迟或性能问题都没有任何问题，但至少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

Jquery缓动动画在iPad上落后

1 个答案: