本文是深入浅出ahooks源码系列文章的第十八篇，该系列已整理成文档-地址。觉得还不错，给个star支持一下哈，Thanks。简介提供虚拟化列表能力的Hook，用于解决展示海量数据渲染时首屏渲染缓慢和滚动卡顿问题。详情可见官网，文章源代码可以点击这里。实现原理其实现原理监听外部容器的scroll事件以及其size发生变化的时候，触发计算逻辑算出内部容器的高度和marginTop值。具体实现其监听滚动逻辑如下：//当外部容器的size发生变化的时候，触发计算逻辑useEffect(()=>{if(!size?.width||!size?.height){return;}//重新计算逻辑calcu

本文是深入浅出ahooks源码系列文章的第十八篇，该系列已整理成文档-地址。觉得还不错，给个star支持一下哈，Thanks。简介提供虚拟化列表能力的Hook，用于解决展示海量数据渲染时首屏渲染缓慢和滚动卡顿问题。详情可见官网，文章源代码可以点击这里。实现原理其实现原理监听外部容器的scroll事件以及其size发生变化的时候，触发计算逻辑算出内部容器的高度和marginTop值。具体实现其监听滚动逻辑如下：//当外部容器的size发生变化的时候，触发计算逻辑useEffect(()=>{if(!size?.width||!size?.height){return;}//重新计算逻辑calcu