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