Pagination · Infinite Scroll · Pull to Refresh
3 concepts compared across 3 dimensions. Click a column header to open the concept.
TRY BEFORE YOU CHOOSE
One task. Different ways to do it.
Try finding and marking #11 in the same set of 12 proposals, then return to #03. Compare direct navigation with continuous browsing.
Pagination
12 recordsTask: find and mark record #11 · page 1/3
Jump directly to page 3; your mark survives page changes. Useful for locating records, revisiting them, and completing a bounded task.
Explore implementation and options →Infinite scroll
12 recordsTask: find and mark record #11 · 4/12 loaded
Scrolling appends records; Load more is also keyboard accessible. Good for exploration, but returning to an exact location takes more work. This demo ends after 12 records.
Explore implementation and options →These bounded previews compare behavior. Drawers can also be modal. Test real device viewports, long content, and assistive technology in your project.
| Pagination分页 | Infinite Scroll无限滚动 | Pull to Refresh下拉刷新 | |
|---|---|---|---|
| Trigger | Explicit clicks on page numbers | Automatic — fires at scroll bottom | Deliberate pull gesture by the user |
| Data control | Strong — the user holds the position | System-paced — user passively receives more | User-initiated request for fresh data |
| Suitable content | Ordered, addressable result sets | Browsing-oriented feeds and timelines | Feeds and messages needing a manual refresh |