jQuery on scroll event not firing

Question

У меня есть приложение с активными действиями ajax. Так почти все мои события обрабатываются так:

jQuery('body').on('click', '#id', function (event) { 

    // Do something 

}); 

вместо:

jQuery('#id').click(function() { 

    // Do something 

}); 

Это работает со всеми событиями довольно хорошо, за исключением события прокрутки, как это не работает:

jQuery('body').on('scroll', '#id', function (event) { 

    // Do something 

}); 

С событием mousewheel он отлично работает. Есть ли что-то неправильное или нет события прокрутки?

Answer 1

Вопрос заключается в том, что scroll событие не пузырек вверх по DOM, поэтому делегация с live(), on() или delegate() не будет работать.

Вам придется привязать обработчик событий к динамически созданному элементу самостоятельно.

Reference

Answer 2

Не уверен, если это поможет

$(window).on('scroll', function(){ 
    $("#head").html($(this).scrollTop()); 
}); 

JSfiddle

Answer 3

Чтобы иметь возможность стрелять событие прокрутки в DOM элемента, вы должны сделать это в вашем CSS:

selector { overflow-y: scroll }