原生js实现动态高度的虚拟列表

核心原理

1. 只渲染可视区： 无论数据多少，DOM中仅存在约20-30个节点。
2. 动态高度缓存： 首次渲染后测量真实高度并缓存，后续滚动直接查表计算位置。
3. Absolute定位： 使用 transform/absolute 将元素放置在正确的位置，模拟完整列表。

界面如下：

codesandbox链接：https://codesandbox.io/p/sandbox/mkwwvp