今天同事问如何固定div到某个位置,不随滚动条滚动。我一听简单,用position:fixed就行了啊。
我记得position:fixed
的元素 相对于屏幕视口 的位置来指定其位置。并且元素的位置在屏幕滚动时不会改变。
结果并没有起作用,还是跟着滚动。怎么办?查!
原来,在某些情况下,position:fixed会失效:
当元素祖先的 transform 属性非 none 时,定位容器由视口改为该祖先。
导致固定定位属性失效
具体分析请参考 https://www.imooc.com/article/67784