2012-10-15 52 views
2

处理iPad的HTML5应用程序我想更改元素硬件加速的高度。在ipad上加速的元素硬件CSS更改高度

我已经在子元素(绝对定位,大于父元素)上创建了一个视口(parent,overflow:hidden),扩展视口的高度应该会显示子元素的较大部分。

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

以下的jsfiddle说明了这个问题:

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

伊夫调试iPad和我的结论是,它做了很多的现在,我的结论是,无论我如何设置子元素的位置,父元素的高潮总是强制重绘iPad上的子元素。要么?

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

或者某种很好的解决方法?

回答

0

据我了解,你可以通过应用以下样式强制iOS上的CSS3元素硬件加速:

-webkit-transform: translateZ(0); 

希望这有助于