スクロール中にJquery .on('scroll') がイベントを発生させない

編集

スクロールイベントはイベントデリゲーションに使用されるDOMでバブルアップしないため、上記は動作しません。 なぜデリゲートはスクロールのために動作しないのでしょうか？ .

しかし、モダンブラウザのIE8では、別の方法でそれを行うことができます。jqueryで委譲するのではなく、javascriptでイベントキャプチャを使うことで、委譲することができます。 document.addEventListener で、第3引数を true バブリングとキャプチャーがどのように作用するかは、次のようになります。 チュートリアル .

ライブデモ

document.addEventListener('scroll', function (event) {
    if (event.target.id === 'idOfUl') { // or any other filtering condition        
        console.log('scrolling', event.target);
    }
}, true /*Capture event*/);

イベントの委譲が必要ない場合は、スクロールイベントを document .

ライブデモ

$("#idOfUl").on( 'scroll', function(){
   console.log('Event Fired');
});