Javascript 如何使用jQuery检测拖动滚动条事件？

我有一个可滚动的

（

溢出：自动；

），我想检测在div内拖动滚动条的事件。我当前的代码是：

 var scrollableDiv =  $('.scrollablediv');   
 $(document).on('DOMMouseScroll mousewheel touchmove scroll', scrollableDiv, function(e){   
    // do something  
 });

但它只有在使用鼠标滚轮时才会触发。如果在内容溢出时拖动浏览器生成的

的滚动条，则不会触发事件我应该添加什么才能让它工作？

试试以下方法：

$（'.scrollablediv'）.scroll（函数（）{
//做点什么
});


$（“span”）.hide（）；
$（“.scrollableDiv”）.scroll（函数（）{
$（“span”）.css（“显示”、“块”）.fadeOut（“慢”）；
});
.scrollableDiv{
高度：100px；
宽度：50px；
溢出：自动；
}

foo

foo

foo

foo

foo

foo

foo

foo

foo

foo

foo

foo

foofoofoo
foofofoofoofoo
foofoofoofoo
foo
foofoo
foo
foofoofoo
foofoo
foofoo
foo
foo
foofoo
foo
foo
foo
foofoo
foofoofoofoofoo
foo
foo
foo
foo
foo
foo
foo
foo
foo
foo
foofoofoo
foofofoofoofoo
foofoofoofoo
foo
foofoo
foo
foofoofoo
foofoo
foofoo
foo
foo
foofoo
foo
foo
foo
foofoo
foofoofoofoofoo
foo
foo
foo
foo
foo
foo
foo
foo
foo
foo
 foo
foo
foo
foo
foo
foo
foo
foo
foo

滚动…
什么是
scrollableDiv
？选择器、DOM元素、jquery对象？@最后面，请参见编辑。AFAIK不希望jquery对象作为参数。为什么不立即将侦听器绑定到（…）
上的
scrollableDiv.on（…）
？为我使用，并对拖动滚动条作出反应。找到解决方案了吗？