随着这个项目的开展，我们不得不制作一个iPad HTML5。使用Backbone和jQuery Mobile，我们认为我们是赢家，但jQuery Mobile似乎造成了比它应有的更多问题。使用jQuery Mobile等页面转换这样的东西是非常缓慢，不稳定和毛刺（我知道它仍然在Alpha中）。
对于我们的需求，我们确实需要一种平滑的页面转换方式。我开始做一些实验，看看我是否可以更好地为定制解决方案。我觉得我很接近这一点，但动画仍然看起来不稳定和毛刺。我想知道是否还有其他方法可以解决这个问题？或者，如果有一些信息可以帮助让这块坚如磐石？
我正在使用translateX（）/ translateY（）CSS3（硬件加速）转换以确保它获得最佳性能，但它的性能似乎仍然不可靠。有时它没关系，有时它不是。
我上传了一个示例...请注意，这只是在Chrome / Safari（它看起来不错）和iPad第一代iPad上的Mobile Safari（它看起来很不稳定）中进行了测试。如果你碰巧有一个iPad，请看看这个例子......
http://littlejim.co.uk/code/ipad/jquery-plugin-page-transitions/
它是作为一个基本的插件制作的，因为一旦我有这个钉子，我想更多地开发它。
任何人都可以帮忙吗？我只是想知道为什么它在iPad上仍然不稳定？
更新：我尝试使用translate3d（）以及translateX和translateY（），没有任何区别。
答案 0 :(得分：1)
iPad上只有三维变换是硬件加速的。您应该使用translate3d并提供第3个参数，设置为零。
http://googlecode.blogspot.com/2010/08/css3-transitions-and-transforms-in.html