在 IE10 && IE 11 中，大 div 上的转换属性转换 3d 非常慢答案

【问题标题】：Transform Property translate 3d on a large div is very slow in IE10 && IE 11在 IE10 && IE 11 中，大 div 上的转换属性转换 3d 非常慢
【发布时间】：2015-10-06 05:00:28
【问题描述】：

我们正在更改非常大的 DIV 上的平移 3D。它有数千个子 DIV。它在 chrome 和 firefox 中处理得当。但是 IE 10 && IE 11 非常非常缓慢。任何想法可以做些什么来使它变得更好。下面是更改此属性的 javascript 代码行。

currentDIV.style[transformProperty] = 'translate3d(' + (-left) + 'px,' + (-top) + 'px,0) scale(' + zoom + ')';

“transformProperty”、“left”、“top”和 zoom 是设置在行前的变量。谢谢。

【问题讨论】：

我敢打赌在安卓设备上也是如此

标签： javascript html css internet-explorer css-transforms

【解决方案1】：

translate3d 将图层强制到 GPU 上进行渲染，而 IE 可能无法很好地处理。

您是否尝试过使用 2D translate 代替？如果没有出现减速，您可以使用 2D translate 专门针对 IE，而无需更改太多代码。

【讨论】：

【解决方案2】：

添加以下样式属性帮助我提高了 translate3d 的性能。

-webkit-backface-visibility: hidden;
backface-visibility: hidden;

【讨论】：