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






暂无评论内容