当然，除了 filter 和 backdrop-filter 之外，在 CSS 中目前一共有 7 种方式可以让元素内部的 position: fixed 基于该元素定位：
transform 属性值不为 none 的元素
设置了 transform-style: preserve-3d 的元素
perspective 值不为 none 的元素
在 will-change 中指定了任意 CSS 属性
设置了 contain: paint
filter 值不为 none 的元素
backdrop-filter 值不为 none的元素
更为具体的探讨，你可以看看我的这篇文章 -- fixed 定位失效 | 不受控制的 position:fixed[8]
position: fixed什么时候会失效？ 我们知道，设置了position: fixed固定定位属性的元素会...
在Chrome 浏览器，祖先元素出现下面3种情况，子元素position:fixed失效 1、transform ...
1.ios position:fixed 失效 解决办法：换成 position:absoulte 2.ios键盘...
微信小程序中iphone端在使用swiper 时， 使用position: fixed;button 会失效 求大...
问题出现:vant 的tab标签页设置吸顶失效. 原因: 上级盒子设置了transform属性,transform...
背景 近期遇到一个问题，当使用React Drawer 抽屉时，抽屉中position:fixed不表现为基于可视...
如果父元素中有设置transform属性，perspective属性，will-change属性，其下的子元素的p...
position为fixed时设置z-index失效: https://blog.csdn.net/acingdr...
闲言：自己css水平不够导致前段时间碰到position:fixed定位失效的问题，麻蛋，fixed定位不是一直都...
position为absolute的元素如果有transform属性 其中子元素为fixed会失效 尽量避免 fo...
本文标题：position: fixed 失效
本文链接：https://www.haomeiwen.com/subject/sijzydtx.html
网友评论