元素交叉观察器（监测元素在视口可见）

// 创建IntersectionObserver实例，并传入回调函数和配置对象
const options = {
  root: null,
  rootMargin: '0px',
  threshold: 0.5
};
 
const observer = new IntersectionObserver(callback, options);
 
// 回调函数
function callback(entries, observer) {
  entries.forEach(entry => {
    if (entry.isIntersecting) {
      console.log('目标元素进入视口');
    } else {
      console.log('目标元素离开视口');
    }
  });
}
 
// 将目标元素添加到观察器中
const target = document.querySelector('.target');
observer.observe(target);