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(),没有区别。
没有找到相关结果
已邀请:
1 个回复
魄龟呸筹