js [ IntersectionObserver ]滑动监听是否进入视野的方法

const intersectionObserver = new IntersectionObserver((entries) => {
  // 如果 intersectionRatio 为 0,则目标在视野外,
  // 我们不需要做任何事情。
  if (entries[0].intersectionRatio <= 0) return;

 
  console.log('Loaded new items 进入视野');
});
// 开始监听
intersectionObserver.observe(document.querySelector('.cdTask'));

参考链接:
https://developer.mozilla.org/zh-CN/docs/Web/API/IntersectionObserver
https://juejin.cn/post/7067002674863931422

posted @ 2023-04-27 17:27  半遮  阅读(60)  评论(0编辑  收藏  举报