IntersectionObserver用于监听页面元素出现消失的api

在我们需要监听目标元素是否进入视口时,需要监听scroll事件,大量的计算会造成性能问题
IntersectionObserver API 是异步的,不随着目标元素的滚动同步触发。 即只有线程空闲下来,才会执行观察器。这意味着,这个观察器的优先级非常低,只在其他任务执行完,浏览器有了空闲才会执行。

直接放一个例子




    
    
    
    Document
    


    
BOX1:
invisible
 BOX2:
invisible

你可能感兴趣的:(javascript,开发语言,js)