在IE10和＆IE 11中，在div上转换属性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 translate ？ 如果没有出现速度下降的情况，则可以将IE专门用于2D translate而无需更改太多代码。

Answer 2

添加以下样式属性有助于我提高translate3d性能。

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