开发者社区> 问答> 正文

为什么有时候⼈们⽤translate来改变位置⽽不是定位?

为什么有时候⼈们⽤translate来改变位置⽽不是定位?


【精品问答】前端面试手册

【精品问答】前端面试手册之CSS篇

展开
收起
前端问答 2019-12-15 17:17:13 1184 0
1 条回答
写回答
取消 提交回答
  • 前端问答小助手

    translate()是transform的⼀个值。改变transform或opacity不会触发浏览器重新布局(reflow)或重绘(repaint),只会触发复合(compositions)。⽽改变绝对定位会触发重新布局,进⽽触发重绘和复合。transform使浏览器为元素创建⼀个 GPU 图层,但改变绝对定位会使⽤到 CPU。 因此translate()更⾼效,可以缩短平滑动画的绘制时间。

    ⽽translate改变位置时,元素依然会占据其原始空间,绝对定位就不会发⽣这种情况。

    2019-12-15 17:17:58
    赞同 1 展开评论 打赏
问答分类:
问答地址:
问答排行榜
最热
最新

相关电子书

更多
用计算和数据去改变整个世界 立即下载
重新定义计算的边界 立即下载
低代码开发师(初级)实战教程 立即下载