超哥前端记录
用 IntersectionObserver 替代 scroll 事件做元素曝光追踪
原创
关注作者
腾讯云
开发者社区
文档
建议反馈
控制台
登录/注册
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
搜索
搜索
关闭
发布
超哥前端记录
社区首页
>
专栏
>
用 IntersectionObserver 替代 scroll 事件做元素曝光追踪
用 IntersectionObserver 替代 scroll 事件做元素曝光追踪
超哥前端记录
关注
发布于 2026-10-08 09:24:19
发布于 2026-10-08 09:24:19
26
0
举报
概述
做内容型页面时经常要统计某个模块是否被用户看到,比如信息流里的广告卡片、文章底部的推荐位,或者教学视频的章节节点。早期实现基本靠监听 window 的 scroll 事件,在回调里用 getBoundingClientRect 判断元素位置。这个做法在元素少、页面简单时没太大问题,但当列表有几百个卡片,或者滚动容器嵌套复杂时,scroll 回调触发频率极高,每次都要同步读取布局信息,很容易造成主线
原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。
如有侵权,请联系
cloudcommunity@tencent.com
删除。
浏览器
问题归档
专栏文章
快讯文章归档
关键词归档
开发者手册归档
开发者手册 Section 归档