用 IntersectionObserver 替代 scroll 事件实现元素曝光监听
原创
用 IntersectionObserver 替代 scroll 事件实现元素曝光监听
用户12771345
发布于 2026-09-21 07:04:36
发布于 2026-09-21 07:04:36
概述
做内容平台或者广告系统时，经常会遇到「元素进入可视区域后上报曝光」的需求。早期实现基本都依赖 scroll 事件配合 getBoundingClientRect 手动计算元素位置，简单直接，但问题也很明显：滚动过程中高频触发的回调会带来大量同步布局计算，页面稍微复杂一点就会掉帧，而且还要自己处理节流、边界判断、滚动容器嵌套这些细节。IntersectionObserver 从 Chrome 51
原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。
如有侵权，请联系 cloudcommunity@tencent.com 删除。
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号