javascript中无法直接查询所有监听滚动事件的容器节点，需通过geteventlisteners()检查、筛选overflow属性并验证内容溢出、开发时主动标记、以及注意document/iframe等滚动主体来综合判断。
JavaScript 中没有直接“查询所有具有滚动事件的容器节点”的 API，因为滚动事件本身不存储在元素上，而是由开发者主动绑定。要找出哪些容器节点实际监听了滚动事件，需结合以下几种思路判断：
1. 检查是否绑定了 scroll 事件监听器
可通过 getEventListeners()（仅 Chrome/Edge DevTools 控制台可用）快速查看：
getEventListeners(document.body) —— 查看 body 上的监听器getEventListeners(document.querySelector('.scroll-container')) —— 查指定元素
若返回对象含 scroll: [...] ，说明该节点注册了 scroll 事件。
2. 遍历常见可滚动容器并检测 overflow 属性
虽然不等于“有滚动事件”，但具备滚动能力的容器更可能被监听。可筛选出真实可滚动的元素：
- 检查
overflow、overflow-x、overflow-y是否为auto、scroll或overlay - 排除
overflow: hidden或visible（通常不可滚动） - 进一步用
element.scrollHeight > element.clientHeight实际验证是否内容溢出
示例代码：
const scrollableContainers = Array.from(document.querySelectorAll('*'))
.filter(el => {
const style = window.getComputedStyle(el);
const overflowY = style.overflowY;
const overflowX = style.overflowX;
const hasOverflow = /auto|scroll|overlay/.test(overflowY) || /auto|scroll|overlay/.test(overflowX);
return hasOverflow && el.scrollHeight > el.clientHeight;
});
3. 主动追踪事件绑定（开发阶段建议）
若你控制代码逻辑，可在绑定时做标记，便于后续排查：
- 绑定时添加自定义属性：
el.dataset.hasScrollListener = 'true' - 或统一使用代理函数注册：
onScroll(el, handler)，内部维护一个 WeakMap 记录关系 - 避免用
el.onscroll = ...（覆盖式），优先用addEventListener，方便后期管理
4. 注意 iframe 和 document 的滚动主体
页面主滚动发生在 document.documentElement（标准模式）或 document.body（怪异模式），常被监听；
iframe 内部滚动需访问其 contentDocument 并单独检查，跨域则无法读取。
简单检测主滚动监听：
const doc = document.scrollingElement || document.documentElement;
if (getEventListeners?.(doc)?.scroll?.length) {
console.log('document 有 scroll 监听器');
}
不复杂但容易忽略：滚动事件可能绑定在祖先容器（如 modal-body、infinite-list-wrapper），而非直接滚动子元素。排查时建议从视觉滚动区域向上逐级检查父节点。
Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南
