低帧率嵌套转换元素
Low frame-rate with nested transformed elements
我有一个自定义的滚动视图实现。它的工作原理只是将滚动元素左右转换。
它在移动safari上提供了相当不错的帧率。问题是,一旦我转换了一些位于滚动条中的元素,帧率就会突然下降。
这是演示。
如果你看它在chrome(与"模拟触摸事件"启用),一切都很顺利,除了最初的几个时刻,当它上传纹理到GPU。
但是在iOS6的iPad上,只要视图中没有被转换的元素,移动是流畅的。但是如果你向右滚动,我用scale3d()
变换了一些元素,一切都变得混乱了。就像每一帧都重新上传纹理。
我只是把所有的
-webkit-perspective: 1000;
-webkit-backface-visibility: hidden
应该"强制硬件加速"。
相关文章:
- 使用JavaScript在Json中提取时,将数组的元素转换为String
- 将 DOM 元素转换为具有所有继承的 JavaScript 类
- 将元素转换为可丢弃区域的要求是什么
- 正在将DOM元素转换为原始HTML字符串
- 是否可以将一个DOM元素转换为另一个?或者从中复制所有属性
- parseInt() 不会将数组的每个数组元素转换为整数
- 将 SVG 元素转换为字符串
- 将 HTML/CSS 元素转换为可重用的 AngularJS 指令
- 将 HTML 元素转换为图像(服务器端)
- 如何在 Javascript 中从混合的 HTML 字符串/DOM 元素转换为 DOM 元素
- 如何使用 JavaScript 将输入提交元素转换为按钮元素
- 如何将各种元素转换为绝对中心
- 将 DOM 元素转换为 HTML 代码并显示在页面上的文本区域中
- 将html元素转换为字符串Javascript(使用搜索获得,而不是内部/外部html)
- Javascript+CSS:从绝对定位的元素转换为CSS转换(左、上、宽、高到translateX、translate
- 将html img元素转换为画布
- 如何将SVG元素转换为PDF
- 将DIV元素转换为字符串
- 如何将计算器运算元素转换为字符串以获得解,然后将解返回到元素中
- 使用Form元素转换/更改Div元素