<script>
import VirtualList from 'svelte-tiny-virtual-list';
let virtualList;
let rowHeights = [];
let scrollOffset;
randomize();
function randomize() {
let newRowHeights = [];
for (let i = 0; i < 10000; i++) {
newRowHeights.push(Math.random() * (155 - 50) + 50);
}
rowHeights = newRowHeights;
}
</script>
<div class="actions">
<input type="number" placeholder="Scroll to offset..." class="input" bind:value={scrollOffset}>
</div>
<div class="list">
<VirtualList
bind:this={virtualList}
height={500}
width="auto"
itemCount={10000}
itemSize={index => rowHeights[index]}
{scrollOffset}>
<div slot="item" let:index let:style {style} class="row">
Item #{index}
</div>