javascript - jQuery 强制/技巧 .scroll() 冒泡

Question

是否可以强制或欺骗.scroll()事件冒泡，以便我可以捕获用户在 ajax 加载的内容中<div>滚动？overflow: auto;我正在通过加载一些 HTML，$.ajax并且需要一些方法来检测它们正在滚动。根据 W3C 滚动不应该冒泡，这就是我认为 jQuery 不这样做的原因。但是我能够赶上$(window).on('scroll', function() { console.log('scrolling'); });

$(window).load(function() {
    $.ajax({
        url: "/data.html",
        dataType: "html",
        success: function(data) {
            $("#container").html(data);
        }        
    });
});

$(document).ready(function() {
    $('#container').on('scroll', '#content', function () {
        console.log('scrolling');
    });
});

是设置加载数据的$('#container')容器，是来自请求中加载的 HTML$.ajax$('#content')$.ajax

Answer 1

答案是通过 jQuery 添加一个包装器元素，然后您可以附加一个滚动事件。

$("#container").wrap('<div id="wrapper"></div>');

$("#wrapper").on('scroll', function() {
    // do stuff
});