關於DOM Reflow的快速入門

Question

如果我將圖像設置為不顯示； 例如：

#myImg {position:absolute;left:100px;top:100px;display:none;}

我像這樣用Js移動它：

function Move ()
{var pic=document.getElementById ("myImg");
 myImg.style.left=200+'px';
 myImg.style.top=200+'px';
}

即使將其設置為“ display：none”，它是否也會導致重排？

可見性如何：隱藏？

Answer 1

在我以前的文章中，我大膽地宣稱帶有display的元素：沒有任何元素與渲染樹有任何關系。 IE要求有所不同（感謝dynaTrace人士指出了這一點）。

最小化重排的一個好方法是從活動文檔中更新DOM樹“離線”。 一種方法是在進行更新時隱藏元素，然后再次顯示它。