1
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