写法：position: sticky; top: 0。元素先老老实实待在文档流里，当页面滚动使其即将越过 top 阈值时「粘住」不动，滚动回退时又回到原位。常见于表头吸顶、章节标题、侧栏跟随。
两个高频踩坑：一是必须设置 top/right/bottom 之一，否则不生效；二是粘性元素的「活动范围」被它的最近的滚动祖先（或 body）限制——表格里 thead 吸顶要保证祖先容器有足够高度且 overflow 不是 hidden。
<style> .scrollbox { height: 150px; overflow: auto; border: 1px solid #333; border-radius: 8px; } .scrollbox h3 { position: sticky; top: 0; margin: 0; padding: 8px; background: #161b22; color:#e6edf3; border-bottom:1px solid #333; } .scrollbox p { margin: 6px 10px; } </style> <div class="scrollbox"> <h3>第 1 章（会吸顶）</h3><p>内容 1</p><p>内容 2</p><p>内容 3</p> <h3>第 2 章（顶上来后把第 1 章顶走）</h3><p>内容 4</p><p>内容 5</p><p>内容 6</p> </div>