page contents
首页 问答
正文

为什么有时候⽤translate来改变位置而不是定位？

轩辕小不懂 发布于 2021-12-01 15:03
阅读 595
收藏 0
答案 1
分类：WEB前端开发
  • CSS
    • 默认排序 时间排序
    2544
    Nen
    Nen
    - 程序员

    translate 是 transform 属性的⼀个值。改变transform或opacity不会触发浏览器重新布局（reflow）或重绘

    （repaint），只会触发复合（compositions）。而改变绝对定位会触发重新布局，进而触发重绘和复合。

    transform使浏览器为元素创建⼀个 GPU 图层，但改变绝对定位会使用到 CPU。 因此translate()更⾼效，可以缩

    短平滑动画的绘制时间。 ⽽translate改变位置时，元素依然会占据其原始空间，绝对定位就不会发⽣这种情况。

    请先 登录 后评论
    轩辕小不懂
    1 关注
     
    轩辕小不懂
    提出于 2021-12-01 15:03
    全部

    轩辕小不懂 的其他提问

    类似问题

    浏览器是如何对 HTML5 的离线储存资源进行管理和加载?
    1 回答
    595 阅读
    行内元素有哪些 块级元素有哪些 空(void)元素有哪些?
    1 回答
    595 阅读
    img的srcset属性的作用？
    1 回答
    595 阅读
    常用的meta标签有哪些？
    1 回答
    595 阅读
    script标签中defer和async的区别？
    1 回答
    595 阅读
    DOCTYPE(文档类型) 的作用?
    1 回答
    595 阅读