区别与相同
scrollingElement在MDN上的解释:
界面的scrollingElement只读属性 Document返回对Element滚动文档的引用。在标准模式下,这是文档的根元素 document.documentElement.
在 quirks 模式下,该scrollingElement属性返回 HTML body元素(如果它存在并且是潜在可滚动,否则返回 null。
documentElement在MDN上的解释:
Document.documentElement 是一个会返回文档对象(document)的根元素的只读属性(如HTML文档的 < html> 元素)。
怪异模式我们不常用,所以在此不考虑。即在正常模式下documentElement=scrollingElement=< html>元素。
代码及效果
<script>
document.addEventListener("wheel",(e)=>{
console.log(document);
console.log("---");
console.log(document.documentElement);
console.log("---");
console.log(document.scrollingElement);
})
</script>
效果: