transform: translate 会导致回流吗?

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

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

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

阅读 5.8k
1 个回答

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

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

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