首页
学习
活动
专区
圈层
工具
发布
社区首页 >专栏 >用 IntersectionObserver 替代 scroll 事件做懒加载和曝光统计

用 IntersectionObserver 替代 scroll 事件做懒加载和曝光统计

作者头像
用户1839651
发布2026-09-18 09:47:33
发布2026-09-18 09:47:33
310
举报
概述
页面里做图片懒加载、模块曝光统计、无限滚动,很多人第一反应还是监听 scroll 事件,在回调里不断 getBoundingClientRect() 判断元素是否进入视口。这种写法能跑,但在长列表或者低端设备上很容易掉帧,因为 scroll 回调触发极其频繁,而每次读取布局信息都会强迫浏览器重新计算样式和布局。IntersectionObserver 提供了一种由浏览器底层调度的观察机制,它不依赖

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档