iPad 1上的CSS3转换问题(以示例为例)

在这个项目中，我们必须制作一个HTML5的iPad。使用Backbone和jQuery Mobile，我们认为我们即将成为赢家，但jQuery Mobile似乎造成了更多的问题。使用jQuery Mobile的页面转换是非常缓慢的，不稳定的和有故障的(我知道它还在Alpha阶段)。

对于我们的需求，我们确实想要一个平滑的页面之间的过渡方式。我开始做一些实验，看看我是否能让他们更好地定制解决方案。我觉得我已经很接近这个了，但是动画看起来仍然不稳定。我想知道是否有其他方法可以解决这个问题?或者是否有一些宝贵的信息可以帮助你稳住这个坚如磐石?

我使用translateX()/translateY() CSS3(硬件加速)转换以确保它获得最佳性能，但它的性能似乎仍然不可靠。有时候还行，有时候不行。

我上传了一个例子…请注意，这只在Chrome/Safari(它看起来很好)和iPad第一代的Mobile Safari(它看起来不稳定)中进行了测试。如果你手边恰好有一台iPad，请看看这个例子…

http://littlejim.co.uk/code/ipad/jquery-plugin-page-transitions/

这是作为一个基本的插件，因为一旦我有这个钉子，我想开发它更多。

有人能帮忙吗?我只是想知道为什么iPad上的画面还是起伏不定?

更新:我尝试使用translateX和translateY()以及translateX和translateY()，没有区别。