观察带有溢出集的元素滚动的最佳方法是什么？

【问题标题】：What is the best way to observe the scroll over an element with overflow set?观察带有溢出集的元素滚动的最佳方法是什么？
【发布时间】：2011-01-25 08:26:14
【问题描述】：

观察文档滚动事件很简单，但我似乎找不到任何与设置了 css 属性溢出的任何其他元素的滚动相关的内容？

为了自己解决这个问题，我一直在观察 mousemove，它只会在您按住滚动条时触发，但这需要与鼠标滚轮一起观察才能获得完整效果。

谁能指出我正确的方向以更好地实现这一点？

【问题讨论】：

标签： javascript html css dom prototypejs

【解决方案1】：

您可以使用onscroll 事件，该事件将在元素滚动时触发，使用鼠标滚轮、向上/向下翻页键或拖动滚动条：

element.onscroll = function ()
{
    alert(this.scrollTop);
}

AFAIK，它受 IE5.5+、Firefox、Chrome、Safari 和 Opera 支持，但您可以在 quirksmode.org's test page 正确测试它们中的任何一个。

【讨论】：

昨晚我进行测试时，这似乎从未触发过，真是太奇怪了。为 Quirksmode 测试页面的链接欢呼将试图找出为什么我的从未捕获该事件。