例如,如果我有一个<div>
样式:
position: absolute; width: 100px; height: 100px; left: -10000px; top: -10000px;
当重新绘制视口时,是否由于div在DOM中的存在而造成一些时间损失?
注意:
<div>
具有visibility: visible and display: block
最佳答案
简单的答案-是的。
即使您看不到它,也仍然必须按照您所说的将其渲染到DOM中。
人们经常这样做,然后制作一些精美的动画以使其可见。要问的是,在一次命中中呈现整个DOM之间是否存在区别,还是在使用AJAX请求时通过呈现每个位来节省时间?
这取决于您“隐藏”部分中内容的复杂性...
编辑:尝试使用Fiddler:http://www.telerik.com/fiddler:这将使您看到花时间在页面上加载...
关于html - 绝对位于视口(viewport)区域外部的HTML元素是否会影响重绘的性能?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/27109174/