transform: translate 会导致回流吗?

IllIIlIlIII
  • 9

根据查资料,绝对定位的元素脱离了文档留,可以避免父级元素的回流

但是改变其位置属性如style.left仍然会导致其子元素回流

那我通过 transform: translate 来改变元素位置,可以避免父/子元素都不回流吗?

回复
阅读 1.2k
1 个回答

不会。
渲染流水线是这样的顺序:重排 -> 重绘 -> 合成
transform: translate是直接合成,跳过了前面的重排重绘。

极客时间有个专栏《浏览器工作原理与实践》第23、24章讲这个讲得很清楚,感兴趣可以看一下
https://time.geekbang.org/col...
https://time.geekbang.org/col...

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏