Can't delegate scroll event using jQuery

Question

I\'m trying to use jQuery to fire an event on scroll on a particular class of elements, like so:

$(\'body\').on(\'scroll\', \'.overflow\', function() { do stuff;         


        

Answer 1

Use "mousewheel" instead,
make sure #contents is on the main html file.

    $("#contents").on('mousewheel',function(e) {
    if(e.originalEvent.wheelDelta /120 > 0) {
         //do something to the loaded elements
     } else {
        //do something to the loaded elements
     }
});