滚动没有在UL上开火？

Question

有人会帮助我理解为什么滚动事件不会在我的样本中触发吗？这对我来说至关重要。

https://jsfiddle.net/ioma8/tmpqf8Lv/

$(function(){
    $(document).on('scroll','.ulWithScroll',function(){
        alert('scrolling');
    });
})

Answer 1

此处您有一个正在运行的更新jsfiddle。

        $(function(){
            $('.ulWithScroll').on('scroll',function(){
                alert('scrolling');
            });
        })

如果动态生成ul，则应在加载页面时定位dom中的父元素 查看此更新的jsfiddle

Answer 2

滚动事件会触发，但您无法将其委托给document或任何其他父元素。这是because scroll events do not bubble。

因此处理事件的正确方法是在元素本身上：

$(function(){
    $('.ulWithScroll').on('scroll', function(){
        alert('scrolling');
    });
})