document.scrollingElement是W3C标准推荐的只读属性，返回当前文档实际滚动的根元素，自动适配标准/怪异模式，避免手动判断document.body或document.documentElement；兼容Chrome44+、Firefox37+等，IE不支持，可降级为document.documentElement||document.body。
document.scrollingElement 是一个只读属性，返回当前文档中实际发生滚动的根元素（即“根滚动节点”），它能帮你准确获取页面真正的滚动容器，避免在不同浏览器或渲染模式下误用 document.body 或 document.documentElement。
为什么不能直接用 body 或 html？
在标准模式（<!DOCTYPE html>）下，大多数现代浏览器将滚动行为交给 document.documentElement（即 <html> 元素）；但在怪异模式（Quirks Mode）下，滚动会退回到 document.body。手动判断兼容性既繁琐又容易出错。
而 document.scrollingElement 由浏览器自动返回正确的那个元素，是 W3C 标准推荐的可靠方式。
如何安全地使用 scrollingElement 查询和操作滚动
你可以把它当作 DOM 查询的“起点”，配合常用 API 使用：
Java Maven Common
下载
Java Maven 项目审查工作流的通用输入处理。当 Java Maven 项目以 ZIP压缩包或 GitLab 仓库 URL 形式提供且需要...时使用。
- 获取当前滚动位置：
const scrollTop = document.scrollingElement.scrollTop; - 设置滚动位置：
document.scrollingElement.scrollTop = 0; - 监听滚动事件（注意：需绑定到
document.scrollingElement，而非window或document）：document.scrollingElement.addEventListener('scroll', handler); - 查询其尺寸或样式：
document.scrollingElement.scrollHeight、getComputedStyle(document.scrollingElement).height
兼容性与降级处理
document.scrollingElement 在 Chrome 44+、Firefox 37+、Edge 12+、Safari 10+ 中原生支持。IE 完全不支持（IE11 及更早版本返回 undefined）。如需兼容 IE，可这样安全降级：
立即学习“Java免费学习笔记（深入）”；
const scrollEl = document.scrollingElement || document.documentElement || document.body;注意：这个 fallback 顺序符合浏览器实际行为逻辑——优先 scrollingElement，其次 html（标准模式主力），最后 body（仅怪异模式或极老环境）。
常见误区提醒
- 不要对
document.scrollingElement调用querySelector等方法来“查自己”——它本身就是一个 Element，不是查询入口；它用于替代过去硬写document.documentElement的场景。 - 它不可被赋值，也不能被替换，只是只读引用。
- 在 iframe 中，每个 iframe 文档都有自己的
scrollingElement，需在对应上下文中访问。
