用 IntersectionObserver 替代滚动监听：实现精准的曝光埋点与懒加载
原创
用 IntersectionObserver 替代滚动监听：实现精准的曝光埋点与懒加载
用户11716263
发布于 2026-11-09 10:55:00
发布于 2026-11-09 10:55:00
概述
在信息流、商品列表这类需要统计元素曝光或按需加载资源的页面里，早期经常用 scroll 事件配合 getBoundingClientRect 判断元素是否进入视口。这种写法在滚动频繁时容易触发大量重排计算，主线程被占满，页面滑动发涩，而且判断逻辑散落在各处，维护成本高。浏览器提供的 IntersectionObserver 把"元素与视口的交叉状态"交给浏览器内部计算，回调只在交叉比例越过阈值时触
原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。
如有侵权，请联系 cloudcommunity@tencent.com 删除。
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号