IntersectionObserver 在真实项目里的几个坑：根元素滚动、懒加载闪烁和取消观察
原创
IntersectionObserver 在真实项目里的几个坑：根元素滚动、懒加载闪烁和取消观察
用户12771345
发布于 2026-09-30 09:00:42
发布于 2026-09-30 09:00:42
概述
做图片懒加载、广告曝光上报或者无限滚动时，很多团队已经用 IntersectionObserver 替代了 scroll 事件监听。它确实省去了手动计算 getBoundingClientRect 的麻烦，浏览器还能在空闲时机批量回调。但实际接入过程中，根元素选择、rootMargin 取值、取消观察的时机都会带来一些不直观的行为。比如在可滚动容器里观察图片，如果 root 没设对，回调可能永远不
原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。
如有侵权，请联系 cloudcommunity@tencent.com 删除。
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号