javascript - 如何检测儿童滚动？

Question

我们可以看到滚动事件不会在overflow:scroll元素上传播，如下所示：

http://jsfiddle.net/vnXm6/

我们如何从父元素中检测scroll子元素上的事件？

Answer 1

使用此代码：

$("#parent > #child").on("scroll", function(){
   console.log('scrolling'); 
});

你可以看到控制台输出，是这样的：

scrolling
scrolling
scrolling
scrolling
scrolling
scrolling

小提琴：http: //jsfiddle.net/dZ24z/

Answer 2

我明白你的意思，新的 .live 替代品不适用于滚动。这是一个狡猾的解决方法！

$("#parent").on("mouseover", function(){

    $('#parent > *').on('scroll', function(){
       console.log('scrolling');
     });
});

修订小提琴