onscroll for div

Question

div元素没有onscroll事件处理程序吗？我的页面上的行为似乎并不表明div onscroll事件处理程序是可识别的。

<div id='bd' onscroll='alert("Scroll Called");'></div>

另外，

根据DOM事件冒泡，div scroll事件会向上滚动到窗口滚动事件吗？

Answer 1

根据您使用的HTML语言的版本，您可以改用onwheel事件。

仅当满足以下所有条件时，onscroll事件才有效：

1. 该目录包含overflow: auto、overflow: scroll、overflow-y: scroll等。
2. 该目录当前具有可滚动的可视滚动条。
3. 鼠标移动实际上会导致滚动条滚动。<代码>H211<代码>G212

因此，onscroll事件并不真正适合于检测一般的鼠标滚轮移动。

请注意，onwheel事件是HTML5.According to w3schools中的新事件，但它得到了广泛的支持。

Answer 2

我在这个问题上也摸不着头脑，直到我开始学习更多关于DOCTYPE指令。最新版本的HTML规范不支持onscroll属性。它将在Visual Studio中显示为无效语法。它可能可以在许多浏览器中工作，但它仍然是无效的代码。

相反，您可以使用Javascript或jQuery创建事件。我使用这样的方法在两个独立的div上同步滚动：

$("#gridTableContainer").scroll(function() {
    HandlingScrollingStuff();
}); 

Answer 3

是的，但是元素需要有一个滚动条。你可以给它一个overflow: auto (当内容足够高时会给你一个滚动条)或者overflow: scroll。(可以专门为x&y以及overflow-y: scroll设置这些参数...)

虽然它们不会冒泡，但一旦div滚动到底部，窗口就会开始滚动。(基本上，如果div可以滚动，它将拦截scroll事件，但如果不能，它将转到页面)