判断元素是否在可视区域

offsetTop，scrollTop

getBoundingClientRect

IntersectionObserver

const options={
    threshold:1.0,
    root:document.querySelector('#scrollArea')
};
let observer=new IntersectionObserver();
observer(callback,options);
//传入被观察者
const target=document.querySelector('.target');
observer.observe(target);

作用

• 图片的懒加载
• 列表的无限滚动
• 计算广告元素的曝光情况
• 可点击链接的预加载