fixed 定位的失效

  我们再使用定位的时候,一般都会结合 z-index 给出一个层架关系,因此在使用 absolute 的时候,不管我们设置他们的 z-index 层级为多少的值,都会被个别元素盖住,这时候就需要注意了,可能我们的父元素设置了 relative 或者 absolute 等,被遮盖了,因此就是 子元素再怎么努力也摆脱不了被遮盖的结果;

  

  fixed 默认的是相对于 viewport 也就是视口就行定位的,但是其实有个别的属性也会导致 fixed 定位不依据 viewport 进行定位,所以说,严格的将,fixed 是依赖于层叠上文的元素进行定位的;通过最终的实践发现,改变 fixed 定位的基准的方式有:1)、transform 属性部位 none 的元素;2)、perspective 的值部位 none 的元素;3)、在 will-change 中指定了任意 css 属性;

 

  will-change 为web开发者提供了一种告知浏览器该元素会有哪些变化的方法,这样浏览器可以在元素属性真正发生变化之前提前做好对应的优化准备工作。 这种优化可以将一部分复杂的计算工作提前准备好,使页面的反应更为快速灵敏。但是 will-change 会对性能有些影响,因此在项目中基本不用;

 

posted @ 2019-12-12 15:21  mumengchun  阅读(1375)  评论(0编辑  收藏  举报