javascript - 为 div 滚动

Question

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

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

此外，
根据 DOM 事件冒泡，div 滚动事件是否汇总为窗口滚动事件？

Answer 1

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

onscroll 事件仅在满足以下所有条件时才有效:

1. div有overflow: auto, overflow: scroll, overflow-y: scroll等
2. div 当前有一个可以滚动的可见滚动条。
3. 鼠标移动实际上会导致滚动条滚动。

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

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