javascript - 在 IE10 和 IE 11 中，大 div 上的 Transform 属性翻译 3d 非常慢

Question

我们正在更改非常大的 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是在该行之前设置的变量。谢谢。

Answer 1

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

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