SuperAPI AI 工具集

pagination-patterns

通用与其它

查看项目

更新于 10-15 21:12

技能介绍

用途:这是一份分页与列表浏览模式的设计参考,帮助在搜索结果、信息流、图库和超长列表等场景中选择合适的加载方式。

主要能力:给出四种模式的对比。编号分页适合搜索结果与参考数据,缺点是超过 100 页后扩展性差;无限滚动适合社交信息流与发现类内容,缺点是难以到达页脚、返回时丢失位置;加载更多按钮适合图库与博客文章,需手动操作但可控;虚拟滚动适合 1000 条以上的超大列表,实现较复杂。

使用方式:编号分页建议展示首页、上一页、当前页前后各两页、下一页、末页,高亮当前页,显示“Showing 21-40 of 342 results.”,提供每页条数选择(10、25、50、100),并支持键盘导航。无限滚动应在底部显示加载指示器,返回导航时记住滚动位置,滚动超过 3 屏后提供“Back to top”按钮,并估算总量如“Showing 40 of ~200 results.”。虚拟滚动只渲染可见行加缓冲区(视口上下各 20-50 条),固定行高便于计算,动态行高需测量一次并缓存高度。

适用场景与限制:按数据规模与浏览目标选择模式;资料未提供具体代码实现、框架绑定、性能基准或无障碍合规细节。