position:fixed失效原因

项目中突然遇到了

position:fixed;

失效的问题,经过研究发现,基于浏览器窗口定位的定位方式,是要判断元素与窗口的位置关系,

但是父元素有 transform 属性时,浏览器与元素产生直接关联,无法触发fixed属性。所以会导致无效。

解决办法就是把父元素的 transform 属性去掉就ok了

posted @ 2020-07-01 14:39  LeoX的爬坑笔记  阅读(933)  评论(0编辑  收藏  举报