吸顶
Sticky
交互模式也叫：粘性定位、固定表头、吸附、sticky
一句话：元素随页面滚动到顶部边缘时固定不动，比如导航栏、表格表头、分组标题滚动时停在顶部。
详细解释
吸顶用 CSS 的 position: sticky 加 top: 0 实现：元素一开始跟着正常内容走，滚到距离顶部 0 的位置时就「粘」住，直到它所在的父元素整体滚出去。常见用法：顶部导航栏、长表格的表头、通讯录的字母分组标题、详情页的标签页栏。
它和 position: fixed 的区别：fixed 从一开始就固定在屏幕某处、脱离正常排版；sticky 在滚到临界位置之前是正常排版的一部分。贴在底部叫吸底，用 bottom: 0。
sticky 不生效的常见原因：祖先元素设置了 overflow: hidden、没写 top 值、父元素和它一样高没有滚动空间。吸顶元素要有背景色，并设置合适的层级，避免被内容盖住或透出来。
示例
灰度线框示意，只表达结构，不代表具体视觉风格。
怎么跟 AI 说
可以直接贴给 Cursor、Claude Code 等工具，把里面的业务内容换成你自己的。
数据表格很长，请让表头吸顶：滚动时表头固定在顶部导航栏下方（top 为 56px），表头背景设为白色并在吸顶时底部加一条细阴影；第一列「姓名」在横向滚动时也固定不动。