iPad 1上不稳定的CSS3过渡问题(带有示例)?

| 随着这个项目的进行,我们不得不制作iPad HTML5。使用Backbone和jQuery Mobile,我们以为自己是赢家,但是jQuery Mobile似乎引起了更多的问题。在jQuery Mobile中使用诸如页面过渡之类的东西非常缓慢,断断续续且令人毛骨悚然(我知道它仍然在Alpha中)。 为了满足我们的需求,我们确实希望页面之间可以平滑过渡。我着手进行一些实验,看看是否可以为定制解决方案提供更好的解决方案。我觉得我已经很接近这个了,但是动画看起来仍然断断续续。我想知道是否还有其他方法可以解决这个问题?或者,如果有大量的信息可以帮助您坚如磐石? 我使用的是convertX()/ translateY()CSS3(硬件加速)转换,以确保获得最佳性能,但是它的性能似乎仍然不可靠。有时候没事,有时候没事。 我已经上传了一个示例...请注意,此示例仅在Chrome / Safari(看起来不错)和iPad 1一代(看起来比较不稳定)的Mobile Safari中进行了测试。如果您碰巧拥有iPad,请看一下这个示例... http://littlejim.co.uk/code/ipad/jquery-plugin-page-transitions/ 它是作为基本的插件制作的,因为一旦钉上了钉子,我就想进一步开发它。 有人能帮忙吗?我只是想知道为什么它在iPad上仍然不连贯? 更新:我尝试使用translate3d()以及translateX和translateY(),没有区别。     
已邀请:
在iPad上,只有3维变换可以通过硬件加速。您应该使用translate3d并提供一个设置为零的第3个参数。 http://googlecode.blogspot.com/2010/08/css3-transitions-and-transforms-in.html     

要回复问题请先登录注册