首页
学习
活动
专区
圈层
工具
发布
社区首页 >专栏 >从一次线上事故看 IntersectionObserver 在长列表懒加载中的误用

从一次线上事故看 IntersectionObserver 在长列表懒加载中的误用

作者头像
超哥前端记录
发布于 2026-10-06 08:52:36
发布于 2026-10-06 08:52:36
340
举报
概述
上个月我们一个后台管理页面出现了奇怪的 bug:用户从列表页翻到第三页后,图片开始大面积空白,但刷新页面又恢复正常。排查后发现是图片懒加载逻辑里用 IntersectionObserver 监听滚动容器时,把 root 设成了 window,而实际滚动发生在内部一个 overflow: auto 的 div 上。更麻烦的是,这个 div 在路由切换时被销毁重建,旧的 observer 实例没有 d

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

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

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