超哥前端记录
从一次线上事故看 IntersectionObserver 在长列表懒加载中的误用
原创
关注作者
腾讯云
开发者社区
文档
建议反馈
控制台
登录/注册
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
搜索
搜索
关闭
发布
超哥前端记录
社区首页
>
专栏
>
从一次线上事故看 IntersectionObserver 在长列表懒加载中的误用
从一次线上事故看 IntersectionObserver 在长列表懒加载中的误用
超哥前端记录
关注
发布于 2026-10-06 08:52:36
发布于 2026-10-06 08:52:36
34
0
举报
概述
上个月我们一个后台管理页面出现了奇怪的 bug:用户从列表页翻到第三页后,图片开始大面积空白,但刷新页面又恢复正常。排查后发现是图片懒加载逻辑里用 IntersectionObserver 监听滚动容器时,把 root 设成了 window,而实际滚动发生在内部一个 overflow: auto 的 div 上。更麻烦的是,这个 div 在路由切换时被销毁重建,旧的 observer 实例没有 d
原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。
如有侵权,请联系
cloudcommunity@tencent.com
删除。
浏览器
问题归档
专栏文章
快讯文章归档
关键词归档
开发者手册归档
开发者手册 Section 归档