用户1839651
用 IntersectionObserver 替代 scroll 事件做懒加载和曝光统计
原创
关注作者
腾讯云
开发者社区
文档
建议反馈
控制台
登录/注册
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
搜索
搜索
关闭
发布
用户1839651
社区首页
>
专栏
>
用 IntersectionObserver 替代 scroll 事件做懒加载和曝光统计
用 IntersectionObserver 替代 scroll 事件做懒加载和曝光统计
用户1839651
关注
发布于 2026-09-18 09:47:33
发布于 2026-09-18 09:47:33
31
0
举报
概述
页面里做图片懒加载、模块曝光统计、无限滚动,很多人第一反应还是监听 scroll 事件,在回调里不断 getBoundingClientRect() 判断元素是否进入视口。这种写法能跑,但在长列表或者低端设备上很容易掉帧,因为 scroll 回调触发极其频繁,而每次读取布局信息都会强迫浏览器重新计算样式和布局。IntersectionObserver 提供了一种由浏览器底层调度的观察机制,它不依赖
原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。
如有侵权,请联系
cloudcommunity@tencent.com
删除。
浏览器
问题归档
专栏文章
快讯文章归档
关键词归档
开发者手册归档
开发者手册 Section 归档