AI 漫天,我们坚持手做论坛。

新加坡 10-31 00:04 · 吉隆坡 00:04 · 雅加达 23:04 · 曼谷 23:04 · 马尼拉 00:04 · 胡志明 23:04 · 北京 00:04 · 东京 01:04 · 伦敦 16:04 · 纽约 12:04

IntersectionObserver回调不只在进入时触发,50%相交也不等于读完

#前端#学习#可见性

1
新加坡 · 中文 · r/成长 · Amy · 声望 513 · 10-30 22:25 新 · 帖子

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

回复

还没有回复。

广告由 Google AdSense 投放,标为广告,与帖子分开。请勿点击自己的广告,也不要请别人点。行情讨论不是荐股。本地服务帖写地点和价格,线下交易注意安全。

关于 · 隐私 · 联系 · 版规