吸顶

吸顶用 CSS 的 position: sticky 加 top: 0 实现：元素一开始跟着正常内容走，滚到距离顶部 0 的位置时就「粘」住，直到它所在的父元素整体滚出去。常见用法：顶部导航栏、长表格的表头、通讯录的字母分组标题、详情页的标签页栏。

它和 position: fixed 的区别：fixed 从一开始就固定在屏幕某处、脱离正常排版；sticky 在滚到临界位置之前是正常排版的一部分。贴在底部叫吸底，用 bottom: 0。

sticky 不生效的常见原因：祖先元素设置了 overflow: hidden、没写 top 值、父元素和它一样高没有滚动空间。吸顶元素要有背景色，并设置合适的层级，避免被内容盖住或透出来。