如何解决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
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。