快速关于DOM Reflow

时间:2012-02-11 06:48:09

标签: javascript dom

如果我将图像设置为无; 例如:

#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',它是否会导致重排?

那么可见性:隐藏?

1 个答案:

答案 0 :(得分:1)

  

在我之前的帖子中,我大胆地声称带有display:none的元素   与渲染树没有任何关系。 IE要求不同   (感谢dynaTrace人员指出这一点。)

     

最小化回流的好方法是“脱机”更新DOM树   实时文件。一种方法是隐藏元素   更新正在进行,然后再次显示。

查看http://www.phpied.com/the-new-game-show-will-it-reflow/