svelte-virtual-scroll-list
- Purpose: Svelte implementation of the vue-virtual-scroll-list library, providing virtualized scrolling for large lists with dynamic bidirectional support.
- Key Features:
- Supports dynamic bidirectional lists.
- Offers scroll methods (e.g.,
scrollToIndex
,scrollToBottom
). - Includes infinity scrolling (two-directional).
- Allows initial scroll position configuration.
- Supports top/bottom slots and sticky items.
- Emits events for reaching top/bottom of the list.
- Can use the global document for scrolling (
pageMode
).
- Target Audience: Developers working with Svelte who need efficient rendering for large datasets.
- Comparison with Alternatives:
- Outperforms
svelte-virtual-list
andsvelte-tiny-virtual-list
in features like dynamic size handling, scroll methods, and bidirectional scrolling.
- Outperforms
- Svelte Support: Primarily designed for Svelte, with examples and REPL demos available.
- Notable APIs:
- Props:
data
,key
,keeps
,estimateSize
,isHorizontal
,pageMode
, etc. - Methods:
scrollToBottom
,scrollToIndex
,getSize
,getOffset
, etc. - Events:
scroll
,top
,bottom
.
- Props:
- Demo: Online demo available at https://v1ack.github.io/svelte-virtual-scroll-list/ .
- Example: Simple usage shown in Svelte REPL .
- Note: No longer maintained; users are directed to a fork: ArcticKeaton/svelte-virtual-scroll-list .
sveltevirtualscrollvirtual-listvirtualized-scrollingsveltekit
Featured Stories
No featured articles here. Navigate to an article, then pick the Feature on menu button