在iPad上制作jQuery动画(左幻灯片)。。。如何提高性能?

在iPad上制作jQuery动画(左幻灯片)。。。如何提高性能?,jquery,ios,ipad,safari,jquery-animate,Jquery,Ios,Ipad,Safari,Jquery Animate,我正在使用: $('selector').animate({marginLeft:'-500px'},600); 。。。向左滑动一个div。基于我当前的HTML/CSS,应用负边距是可行的,我希望避免用另一种方式重建HTML/CSS。我的代码在所有浏览器上都能很好地工作,但在全新的iPad mini上,它确实很不稳定。是否有更好的方法实现iOS上Safari特有的效果?试试css转换。 应该可以做一些小改动:)我做了很多ipad web开发,我注意到大多数jQuery动画都不适合该设备。我一

我正在使用:

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

。。。向左滑动一个div。基于我当前的HTML/CSS,应用负边距是可行的,我希望避免用另一种方式重建HTML/CSS。我的代码在所有浏览器上都能很好地工作,但在全新的iPad mini上,它确实很不稳定。是否有更好的方法实现iOS上Safari特有的效果?

试试css转换。


应该可以做一些小改动:)

我做了很多ipad web开发,我注意到大多数jQuery动画都不适合该设备。我一直在使用iPad3/HD/什么的,在这方面它的性能并不比iPad2/Mini好多少。我还没有开始使用CSS转换,但这可能是需要的。我会试试看。。。我创建了一个改变左边距的JSFIDLE:它似乎工作得很好。我将在ipad上试一试。虽然我已经让这个JSFIDLE示例工作了,但在我的真实代码中,我无法得到完全相同的转换。不发生转换,它只应用属性。有什么想法吗?嗯。。。不是真的。我的转换有几个步骤,第一个步骤将内容向左移动,像素数在转换时确定。我尝试使用jquery.css()创建一个内联转换,但也没有成功。我想我需要在以后的某个时候再深入探讨这个问题。目前,我的jquery动画即使在ipad上不流畅也能正常工作。