CSS 中 position: sticky 失效的常见原因与排查方法

用户12771345

发布于 2026-11-14 10:06:13

概述

做后台管理系统时经常遇到一个需求：表格的表头在滚动时固定在顶部。很多人第一反应是给 thead 或 th 加 position: sticky; top: 0，结果页面滚动时表头纹丝不动。我最近帮同事排查一个类似问题，翻来覆去试了各种 z-index 和 top 值都没用，最后发现是祖先元素上有个 overflow: hidden。position: sticky 的行为依赖滚动容器和祖先元素的布

原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。

如有侵权，请联系 cloudcommunity@tencent.com 删除。

css

CSS 中 position: sticky 失效的常见原因与排查方法

CSS 中 position: sticky 失效的常见原因与排查方法

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐