网站首页编程语言正文

开发中为什么用translate来改变位置而不是定位？

作者：卖菜的小白更新时间： 2022-04-19 编程语言

translate是transform的一个值。改变transform或者opacity不会触发浏览器重新布局，或者重绘，只会触发复合。而改变绝对定位会触发回流，进而触发重绘，所以说在使用绝对定位时会触发重绘和回流操作。
并且transform使浏览器为元素创建一个GPU图层，但是改变绝对定位会使用到CPU，因此translate更加高效，可以缩短平滑动画的绘制时间。
而translate改变元素时，元素依然会占据原始位置，但是绝对定位不会发生这样的情况。

原文链接：https://blog.csdn.net/weixin_47450807/article/details/124231154

上一篇：npm install运行原理分析
下一篇：css隐藏⻚⾯元素的几种方式

网站首页 编程语言 正文

开发中为什么用translate来改变位置而不是定位？

相关推荐

网站首页编程语言正文