← 返回全部术语
滚动触发与定位 / TERM 003
003吸顶定位Sticky Positioning
标签停在原位，内容继续走。
LIVE PREVIEW
目录 · 停在顶部
✦ MOTIONLEX正文第一段正文第二段正文第三段
↓ 内容继续移动01 这个效果是什么
某个元素在容器内随滚动停靠在指定位置，常见于目录、章节标签和操作栏。
02 可以这样告诉 AI
把文章左侧的章节目录做成吸顶定位：桌面端距顶部导航 96px 时停住，只在文章容器内保持吸顶；到文章底部后自然结束。手机端改回普通布局，避免挡住正文。
03 做好后看什么
- 不会覆盖固定导航
- 离开父容器时自然结束
- 窄屏正文没有被遮挡