动态计算偏移量模拟完整列表的滚动效果

在实际业务中，我们经常会遇到这样的场景：
后台管理系统需要展示 10,000+ 条日志记录
聊天记录需要无限滚动加载历史消息
大型表格数据需要流畅滚动
性能瓶颈分析：
// 假设每条列表项高度 50px，1万条数据
const totalHeight = 10000 * 50; // 500,000px ≈ 0.5km 的 DOM 高度！

// 浏览器需要渲染 10000 个 DOM 节点
// 内存占用高、滚动卡顿、交互延迟

虚拟列表核心思想： 只渲染可视区域内的 DOM 节点，通过动态计算偏移量模拟完整列表的滚动效果。