scroll event not working in new element

[mna-lord@…]

after an ajax request creating for example 2 elements (test1 parent of test2) $(document).ready(function(){

$("#test1").on("scroll","#test2",function(){

alert('qwerty');

});

});

[mna-lord@…]

just to mention that the "click" event works so only scroll has the problem

[mna-lord@…]

and also the parent and child overflow is set to auto

[dmethvin]

The scroll event does not bubble so it cannot be used with delegation. I assume the W3C reasoned that if it did, you would see the bubbled event on window and think the window had scrolled.

​http://www.w3.org/TR/DOM-Level-3-Events/#event-type-scroll