# Infinite Scroll > Automatically load more data as users scroll near the end of the list with seamless pagination and loading indicators. **Source:** [https://virtuallist.svelte.page/examples/infinite-scroll](https://virtuallist.svelte.page/examples/infinite-scroll) **Markdown mirror:** [https://virtuallist.svelte.page/examples/infinite-scroll.md](https://virtuallist.svelte.page/examples/infinite-scroll.md) --- This mirror preserves the prose, implementation notes, and runnable Svelte source behind the live example page. ## FIG-001: load on demand. `onLoadMore`, `hasMore`, and `loadMoreThreshold` cover the common feed pattern without rendering pages the user has not reached yet. **Metadata:** tag: `PAGINATION` | batch: `50 rows` | threshold: `10 rows` | cap: `500 rows` ### Source #### Default.svelte Source file: [src/lib/examples/infinite-scroll/demos/Default.svelte](https://github.com/humanspeak/svelte-virtual-list/blob/main/docs/src/lib/examples/infinite-scroll/demos/Default.svelte) ```svelte
loaded · {items.length}
loads · {loadingCount}
range · {firstIndex}-{lastIndex}
dom rows · {domRows}
status · {isLoading ? 'loading' : hasMore ? 'ready' : 'complete'}
{#snippet renderItem(item)}
{item.text} {item.meta}
{/snippet}
threshold · 10 rows
batch · 50 rows
dom nodes · {domNodes}
cap · 500 rows
mode · append
```