分页与无限滚动

React用户体验性能更新于 2026-08-04

使用场景: 需要传统分页和现代无限滚动的长列表、搜索结果、活动流。

安装
npx skills add pagination-infinite-scroll
克隆
git clone https://github.com/skillhub-community/pagination-infinite-scroll.git

描述

实现两种列表分页策略:传统的基于偏移量的分页(页码、上页/下页)和基于游标的无限滚动(IntersectionObserver)。

两种策略都支持返回导航时恢复滚动位置,并包含无障碍的"第 X 页,共 Y 页"屏幕阅读器播报。

AI Hub

跑 Skill 需要模型接口?

AI Hub 提供 OpenAI 兼容接口,给 Cursor / Claude Code / Agent 用。

打开 AI Hub

元数据

作者@perf_mia
许可证MIT
版本1.1.0
依赖0