CSS sticky 粘性定位失效？从滚动容器到 overflow 的排查实录
原创
CSS sticky 粘性定位失效？从滚动容器到 overflow 的排查实录
用户1839651
发布于 2026-09-25 09:58:42
发布于 2026-09-25 09:58:42
概述
做后台列表页时，经常需要把表头或者某个过滤条固定在容器顶部。position: sticky 看起来是干这事的天然选择，写一行 top: 0 就能生效，但实际项目里它经常纹丝不动。上周在重构一个 antd 表格页面时又踩了一次：表头设置了 sticky，页面滚动时完全不吸顶。排查后发现原因并不在 sticky 本身，而在祖先元素的 overflow 上。这篇文章记录这次排查过程，涉及滚动容器如何决
原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。
如有侵权，请联系 cloudcommunity@tencent.com 删除。
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号