粘性吸顶导航
在演示区内滚动，观察顶栏保持可见。
适合文档站、工具站顶部导航。
在线演示
向下滚动……
顶栏使用 position: sticky。
注意父级不要设置 overflow:hidden。
继续滚一点看看效果。
适合文章页、分类列表页。
结束。
要点说明
- sticky 相对最近滚动祖先生效
- 移动端注意安全区与 z-index
常见问题
sticky 无效怎么办？
检查祖先是否有 overflow:hidden/auto，以及自身是否有 top 值。
在演示区内滚动，观察顶栏保持可见。
适合文档站、工具站顶部导航。
向下滚动……
顶栏使用 position: sticky。
注意父级不要设置 overflow:hidden。
继续滚一点看看效果。
适合文章页、分类列表页。
结束。
检查祖先是否有 overflow:hidden/auto，以及自身是否有 top 值。