使用 IntersectionObserver 接口监听目标元素是否进入视口（viewport）

IntersectionObserver 详解

IntersectionObserver 是浏览器原生 API，用于 异步监听目标元素与祖先元素或视口的交叉状态。

1. 核心用法

   const observer = new IntersectionObserver(callback, options);
   observer.observe(element); // 开始观察元素
   observer.unobserve(element); // 停止观察元素
   observer.disconnect(); // 关闭观察器
   

2. 参数说明

   参数	类型	说明
   callback	函数	交叉状态变化时的回调函数，接收 entries（观察条目数组）和 observer 参数
   options	对象（可选）	配置观察行为，如阈值、根元素等

3. entries 对象属性
   每个 entry 包含以下关键属性：

   属性	类型	说明
   isIntersecting	Boolean	目标元素是否进入视口（true=可见，false=不可见）
   intersectionRatio	Number	元素可见区域的比例（0~1）
   boundingClien