页面重排何时发生？

页面重排何时发生？

1. 添加或删除可见的DOM元素。
2. 元素位置改变。
3. 元素尺寸改变（包括：外边矩、内边矩、边框厚度、宽度、高度等属性改变）。
4. 内容改变，例如：文本改变或图片被另一个不同尺寸的图片替代。
5. 页面渲染器初始化。
6. 浏览器窗口尺寸改变。

 根据改变的范围和程度，渲染中或大或小的对应的部分也需要重新计算。有些改变会触发整个页面的重排：例如，当滚动条出现时。

 

使用以下步骤可以避免页面中的大部分重排：（尽量少使用:hover这个CSS伪选择器）

1. 使用绝对位置定位页面上的动画元素，将其脱离文档流。
2. 让元素动起来。当它扩大时，会临时覆盖部分页面。但这只是页面一个小区域的重绘过程，不会产生重排并重绘页面的大部分内容。
3. 当动画结束时恢复定位，从而只会下移一次文档的其他元素。