IntersectionObserver 属性优化性能

Question

    <script>
        let observer = new IntersectionObserver((entries) => {
            for (const iterator of entries) {
                if (iterator.isIntersecting) {
                    iterator.target.firstElementChild.style.display = 'block'
                    requestAnimationFrame(() => {
                            // do something
                           })
                } else {
                    iterator.target.firstElementChild.style.display = 'none'
                   // do something
                }
            }
        })
        let kuangDom = document.querySelectorAll('.kuang')
        for (const iterator of kuangDom) {
            observer.observe(iterator)
        }
    </script>

---

想利用IntersectionObserver属性在overflow：auto的框架盒子dom内优化性能。
当父dom超出盒子时（isIntersecting==false），在父div下面套一个子div(firstElementChild)让他display：none，反之就让他显示出来, 图片懒加载，长列表优化，无限滚动好像都可以这么做，求优化。
一起春天找工作啊
*

Answer 1

• 建议你看下这篇博客👉 ：IntersectionObserver对象