为什么有时候选择translate,而不是绝对定位?

translate是CSS transform的值。更改变换不会触发浏览器回流重绘,但会触发合成。

绝对定位会触发回流。变换使浏览器为该元素创建一个GPU层,但是更改绝对定位属性将使用CPU。

因此,translate()效率更高,并且可以缩短绘制时间,从而使动画更流畅。

我宁愿犯错误,也不愿什么都不做。