admin管理员组

文章数量:1611937

今天同事问如何固定div到某个位置,不随滚动条滚动。我一听简单,用position:fixed就行了啊。

我记得position:fixed 的元素 相对于屏幕视口 的位置来指定其位置。并且元素的位置在屏幕滚动时不会改变。

 

结果并没有起作用,还是跟着滚动。怎么办?查!

原来,在某些情况下,position:fixed会失效:

  当元素祖先的 transform 属性非 none 时,定位容器由视口改为该祖先。

  导致固定定位属性失效

 

具体分析请参考  https://www.imooc/article/67784
 

 

本文标签: 解决方法Positionfixed