问题描述
我们正在更改非常大的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是在行之前设置的变量。 谢谢。
1楼
translate3d强制将层放到GPU上进行渲染，而IE可能处理得不好。
您是否尝试过2D translate ？
如果没有出现速度下降的情况，则可以将IE专门用于2D translate而无需更改太多代码。
2楼
添加以下样式属性有助于我提高translate3d性能。
-webkit-backface-visibility: hidden;
backface-visibility: hidden;