根据查资料,绝对定位的元素脱离了文档留,可以避免父级元素的回流
但是改变其位置属性如style.left仍然会导致其子元素回流
那我通过 transform: translate 来改变元素位置,可以避免父/子元素都不回流吗?
根据查资料,绝对定位的元素脱离了文档留,可以避免父级元素的回流
但是改变其位置属性如style.left仍然会导致其子元素回流
那我通过 transform: translate 来改变元素位置,可以避免父/子元素都不回流吗?
10 回答11.2k 阅读
5 回答4.8k 阅读✓ 已解决
4 回答3.1k 阅读✓ 已解决
2 回答2.8k 阅读✓ 已解决
3 回答4.9k 阅读✓ 已解决
1 回答3.2k 阅读✓ 已解决
3 回答1.5k 阅读✓ 已解决
不会。
渲染流水线是这样的顺序:重排 -> 重绘 -> 合成
transform: translate是直接合成,跳过了前面的重排重绘。
极客时间有个专栏《浏览器工作原理与实践》第23、24章讲这个讲得很清楚,感兴趣可以看一下
https://time.geekbang.org/col...
https://time.geekbang.org/col...