2

在 iPad 上开发 HTML5 应用程序时,我想更改硬件加速元素的高度。

我在子元素(绝对定位,大于父元素)上创建了一个视口(父元素,溢出:隐藏),扩展视口的高度应该显示子元素的大部分。

动画在我的桌面浏览器 (Chrome) 上看起来非常好,但是在我的 iPad (iOS 6) 上运行时,动画不是那么流畅。

下面的 JSFiddle 说明了这个问题:

http://jsfiddle.net/schade/bqsnS/(使用 iPad 查看问题,使用 Chrome 查看它应该如何工作)

我已经调试了 iPad,我的结论是它做了很多回流,现在,我的结论是,无论我如何设置子元素的位置,父元素的高度总是会强制重绘 iPad 上的子元素元素。或者?

有没有人可以解决这个问题?

还是某种不错的解决方法?

4

1 回答 1

0

据我了解,您可以通过应用以下样式来强制对 iOS 上 CSS3 中的元素进行硬件加速:

    -webkit-transform: translateZ(0);

希望这可以帮助

于 2013-01-16T16:16:14.170 回答