基于react万能的虚拟滚动解决方案
原文中文,约300字,阅读约需1分钟。
📝
内容提要
虚拟滚动的判断条件是元素是否在视口可见。使用getBoundingClientRect方法可以获取元素相对于视口的位置和大小,通过判断top和bottom来监控列表项是否渲染。
🎯
关键要点
-
虚拟滚动的判断条件是元素是否在视口可见。
-
当元素在视口可见时,需要渲染内部元素,反之则不渲染。
-
可以使用getBoundingClientRect方法获取元素相对于视口的位置和大小。
-
通过判断元素的top和bottom来监控列表项是否渲染。
🏷️