iPad 上的 jQuery 动画（向左滑动）...如何提高性能？

【问题标题】：jQuery animate (slide left) on iPad... how can I improve performance?iPad 上的 jQuery 动画（向左滑动）...如何提高性能？
【发布时间】：2012-11-29 20:06:08
【问题描述】：

我正在使用：

$('selector').animate({marginLeft:'-500px'},600);

... 将 div 向左滑动。根据我当前的 HTML/CSS，应用负边距是可行的，我想避免不得不重建我的 HTML/CSS 以另一种方式。我的代码在所有浏览器上都运行良好，但在全新的 iPad mini 上却非常不稳定。有没有更好的方法来实现 iOS 上 Safari 特有的这种效果？

【问题讨论】：

我做了很多 ipad web 开发，我注意到大多数 jQuery 动画与设备不一致。我一直在使用 iPad 3/HD/Whatever，但它的性能并不比 iPad2/Mini 好多少。

标签： jquery ios ipad safari jquery-animate

【解决方案1】：

尝试使用 css 过渡。 http://www.w3schools.com/css3/css3_transitions.asp

应该可以做些小改动:)

【讨论】：

我还没有开始使用 CSS 过渡，但也许这就是我们所需要的。我会试一试......我创建了一个改变左边距的jsfiddle：jsfiddle.net/wzSJJ，它似乎工作得很好。我会在 ipad 上试一试。
虽然我得到了这个 jsfiddle 示例，但我无法在我的真实世界代码中获得完全相同的转换。不会发生转换，它只是应用属性。有什么想法吗？
呃……不是真的。我的过渡有几个步骤，第一个步骤将内容移到左侧，像素数在过渡时确定。我尝试使用 jquery .css() 创建内联转换，但这也不起作用。我认为我需要在以后深入重新审视这一点。现在，我的 jquery 动画可以正常工作，即使它们在 ipad 上并不流畅。