2011-04-17 48 views
3

有了这个项目,我们必须制作一个iPad HTML5。使用Backbone和jQuery Mobile,我们认为我们已经赢得了胜利,但jQuery Mobile似乎引发了更多的问题。使用诸如jQuery Mobile进行页面转换之类的事情是痛苦的缓慢,波涛汹涌和g(不驯的感觉(我明白它仍然在Alpha中)。iPad 1上的杂乱CSS3转换问题(举例)?

对于我们的需求,我们确实需要一种平滑的页面间转换方式。我开始做一些实验,看看我能否让他们更好的定制解决方案。我觉得我对此非常接近,但动画仍然显得波涛汹涌。我想知道有没有其他方法可以解决这个问题?或者,如果有足够的信息帮助获得这种坚如磐石的信息?我使用的是translateX()/ translateY()CSS3(硬件加速)转换来确保它获得最佳性能,但它的性能仍然不可靠。有时候没关系,有时候没有关系。

我已经上传了一个例子...请注意,这只在Chrome/Safari(它看起来很好)和iPad第一代移动Safari(它看起来不稳定)中测试过。如果你碰巧有一个iPad的方便,请看看下面这个例子......

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

它由一个基本的插件,因为一旦我有这个钉我想更多的发展它。

任何人都可以帮忙吗?我只是想知道为什么它在iPad上仍然不稳定?

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

+0

这里有什么进展?我也用iPad的HTML5“应用程序”使用jQuery Mobile Framework。过渡如你所说的波涛汹涌和诡异 – nitech 2011-05-19 10:12:39

+0

与开发JavaScript相同的问题,只能在iPad上像你一样。我也很想找到解决方案 – 2011-06-18 06:10:33

回答