前端知库

IntersectionObserver 适合做什么,能否证明用户看到了内容?

参考答案

IntersectionObserver 异步报告目标元素与根区域的交叉情况,适合图片预加载、无限列表触发点和粗粒度可见性判断。root、rootMargin 与 threshold 分别控制参考区域、边界扩展和交叉比例阈值。

交叉不等于用户真实关注,也不必然表示元素没有被其他内容遮挡。基础模式主要描述几何关系,曝光统计还应结合停留时长、页面可见性和去重规则。涉及更细的可见性扩展时需检查兼容性。

观察器回调仍在主线程执行,应保持轻量。列表销毁或观察目标不再需要时调用 unobserve 或 disconnect,避免保留无用的目标和回调引用。