position: sticky 不生效,检查祖先元素的 overflow

sticky 失效多半是祖先元素 overflow 不是 visible。

任何一层祖先设了 hidden、auto 或 scroll,它就被当成局部容器去粘。

从该元素往上逐层看计算样式的 overflow,把非 visible 那层改掉。

父容器和元素一样高时也没有可粘范围,粘顶要给 top 非 auto。

/* 祖先链上出现 overflow: hidden 会让 sticky 失效 */
.list { overflow: visible; }
.item-header {
  position: sticky;
  top: 0;
  z-index: 10;
}
THE END
喜欢就支持一下吧
点赞6 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容