在IE10和IE 11中，Transform属性在大型div上的转换3d非常慢

Question

我们正在改变一个非常大的DIV上的平移3D。里面有成千上万的儿童静脉注射用药。它在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会将图层强制放到图形处理器上进行渲染，而IE可能无法很好地处理该问题。

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

Answer 2

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

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