CSS：position：sticky；不生效的原因

sticky属性依赖于用户的滚动，在 position:relative 与 position:fixed 定位之间切换。
元素定位表现为在跨越特定阈值前为相对定位，之后为固定定位。

今天遇到布局时设置了 position: sticky ；发现没有生效，于是找了一下问题的原因；

sticky不生效原因有：

  • 父元素设置了overflow:hidden或者overflow:auto
  • 未指定top、right、bottom、left4个值中的任意一个
  • 父元素高度小于sticky定位的元素高度

解决：查找上述条件是否满足

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容