<script>
import VirtualScrollList from "@yuanliwei/svelte-virtual-list@^1.1.0";
import { getName } from "./data.js";
let datas = Array.from({ length: 1000000 }).map((_, i) => ({
id: i + 1,
text: getName(i),
}));
let showList1 = true;
let showList2 = true;
let scrollTop1 = 0;
let scrollTop2 = 0;
/** @type{VirtualScrollList} */
let list1 = null;
/** @type{VirtualScrollList} */
let list2 = null;
let list1Position = 0;
let list2Position = 0;
$: list1?.scrollToPosition(list1Position);
$: list2?.scrollToPosition(list2Position);
</script>
<main>
<section>
<p>虚拟列表，100万条数据</p>
<div class="content">
{#if showList1}
<VirtualScrollList
data={datas}
bind:scrollTop={scrollTop1}
sticky={10}
let:item
let:index