【发布时间】:2011-04-17 15:29:39
【问题描述】:
有了这个项目,我们不得不制作一个 iPad HTML5。使用 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 上仍然不稳定?
更新:我尝试使用 translate3d() 以及 translateX 和 translateY(),没有任何区别。
【问题讨论】:
-
这里有什么进展吗?我还在为 iPad HTML5“应用程序”使用 jQuery Mobile 框架。过渡就像你说的那样断断续续和小故障
-
在开发 JavaScript 时遇到了同样的问题,只是像你自己一样在 iPad 上。我也很想找到解决方案
标签: javascript ipad animation css mobile-safari