无限滚动 Infinite Scroll
滚动接近底部时自动加载下一批内容，列表仿佛没有尽头
条目 1
条目 2
条目 3
条目 4
条目 5
条目 6
条目 7
条目 8
↓ 滚到底部自动加载更多
**无限滚动（Infinite Scroll）**是当用户滚动接近列表底部时，自动请求并追加下一批内容，省去“下一页”按钮。实现核心是在列表末尾放一个哨兵元素，用 IntersectionObserver 观察它进入视口的时机。
什么时候用：信息流、时间线、图片瀑布流——用户目的就是“刷”的场景。清单型内容（找特定一条就走的）慎用：用户永远够不到页脚，也难以回到某个位置。
对 AI 说清楚的三要素：① 触发提前量（距底部 200px 左右就开始预取，滚动才不卡顿）；② 加载态指示（行内 spinner 或骨架屏）；③ 终止条件（无更多数据时明确提示“到底了”，并保留请求去重防止连点触发多次加载）。
复制即用的提示词片段
列表实现无限滚动（Infinite Scroll）：用 IntersectionObserver 监听列表尾部 哨兵元素，距底部 200px 时预加载下一页（每页 20 条），加载中显示行内 spinner，请求去重防抖，无更多数据时显示"已经到底啦"。