在为iPad开发HTML5应用程序时，我想更改元素硬件的高度。
我在子元素（绝对定位，大于父元素）上创建了一个视口（父元素，溢出：隐藏），扩展视口的高度应该显示子元素的较大部分。
动画在我的桌面浏览器（Chrome）上看起来非常好，但是在我的iPad（iOS 6）上运行时，动画不是那么流畅。
下面的 JSFiddle 说明了这个问题：
http://jsfiddle.net/schade/bqsnS/（使用iPad查看问题，使用Chrome查看其工作方式）
我调试了iPad，我的结论是它做了大量的回流，目前，我的结论是，无论我如何设置子元素的位置，父元素的高度总是强制在iPad上重绘子元素。或？
有人对此有解决方法吗？
还是某种不错的解决方法？
据我了解，您可以通过应用以下样式在 iOS 上的 CSS3 中强制对元素进行硬件加速：
-webkit-transform: translateZ(0);
希望这有帮助