具有嵌套变换元素的低帧速率

时间:2013-03-10 08:27:12

标签: javascript ipad css3 webkit

我有一个自定义滚动视图实现。它只是通过向左和向右转换滚动元素来工作。

它为移动游猎提供了相当不错的帧速率。问题是,一旦我转换了一些位于滚动条内部的元素,帧速率就会突然下降。

以下是 demo

如果你用chrome看一下(启用“模拟触摸事件”),除了将纹理上传到GPU的最初几分钟之外,一切都会顺利进行。

但是在iOS6 iPad上,只要视图中没有变换元素,移动就很顺畅。但是如果你进一步向右滚动,我用scale3d()转换了一些元素,那么一切都变得笨拙。就像它在每一帧上重新上传纹理一样。

1 个答案:

答案 0 :(得分:0)

我只是删除了所有

-webkit-perspective: 1000;
-webkit-backface-visibility: hidden

假设“强制硬件加速。”