position: sticky 在导航栏上“没反应”最常见的原因是父容器设置了 overflow: hidden/auto/scroll 中断定位上下文,且未显式设置 top 值;fixed 导航栏需用 padding-top 补偿占位,避免内容遮挡。
为什么 position: sticky 在导航栏上经常“没反应”
最常见的原因是父容器设置了 overflow: hidden、overflow: auto 或 overflow: scroll,这会中断 sticky 的定位上下文。另外,sticky 必须配合 top(或 bottom)值才生效,只写 position: sticky 是无效的。
实操建议:
立即学习“前端免费学习笔记(深入)”;