1
Amy 原创整理|资料核验:2026-10-30
MDN说明,IntersectionObserver在目标跨过设定阈值时可以触发回调,进入和退出方向都包括在内;开始观察某个元素时,也会有初始回调。因此,不能把“回调执行一次”直接算成“用户刚看到一次”。
教学示例:threshold设为0.5,是观察元素与指定root的相交比例越过50%的变化。处理回调时仍需检查entry.isIntersecting和entry.intersectionRatio,确认是否符合自己要记录的条件。若只需处理一次,还应自己保存状态或停止观察。
Amy建议:曝光统计先定义对象、比例和持续时间,分别测试初始就在视口内、向下进入、向上退出的情况。这个API提供的是相交信息,并不能证明用户阅读过文字,更不能据此给学习内容自动盖上“已掌握”。
官方来源:
https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API