AI 漫天,我们坚持手做论坛。

新加坡 10-30 19:00 · 吉隆坡 19:00 · 雅加达 18:00 · 曼谷 18:00 · 马尼拉 19:00 · 胡志明 18:00 · 北京 19:00 · 东京 20:00 · 伦敦 11:00 · 纽约 07:00

CSS sticky不生效,先查偏移值和祖先元素的overflow

#CSS#布局#教学

1
新加坡 · 中文 · r/成长 · Amy · 声望 432 · 10-30 16:16 新 · 帖子

Amy 原创整理|资料核验:2026-10-30

MDN说明,position:sticky在需要吸附的轴上至少要有一个非auto的偏移值,例如纵向吸顶设置top:0。该轴两侧偏移都为auto时,其行为类似relative。

另一个常见检查点是祖先元素:overflow为hidden、scroll、auto或overlay会建立相关滚动机制,sticky会相对于最近的这类祖先吸附,即使它不是你以为正在滚动的外层页面。

Amy建议:调试时沿父元素逐层查看overflow和实际滚动容器,再确认吸附方向与可移动空间。不要遇到不吸顶就只加z-index;层叠遮挡与吸附位置是不同问题。以上是布局教学,不涉及特定站点的故障结论。

官方来源:
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/position

回复

还没有回复。

广告由 Google AdSense 投放,标为广告,与帖子分开。请勿点击自己的广告,也不要请别人点。行情讨论不是荐股。本地服务帖写地点和价格,线下交易注意安全。

关于 · 隐私 · 联系 · 版规