Jquery Scrollイベントが発生していません

Question

クラス要素を使用してスクロールイベントをトリガーしようとしています。私は複数のシナリオを試みましたが、うまくいかなかった。以下は

イベントの種類は

jQuery(function($){ 
    $('[class="ag-body-container"]').bind('scroll',function() { 
     alert("hai"); 
    }); 
}); 

$(document).ready(function(){ 
     $(".ag-body-viewport-wrapper").bind('scroll',function() { 
      alert("hai"); 
     }); 
}); 

$(document).on('scroll', '.ag-body-container', function(){ 
     console.log('scroll happened'); 
}); 

$(function() { 
    $(".ag-body-container").on('scroll', function() { 
     console.log('scroll happened'); 
     }); 
}); 

$(".ag-body-container").bind('scroll', function() { 
     console.log('Event worked'); 
}); 

上記の非が期待される結果を与える...試されます。

Answer 1

あなたの代わりに.bindの.onを試したり、.scrollを使用することができます

$(document).ready(function(){ 
    $(document).on('scroll', '.ag-body-container', function(){ 
     console.log('scroll happened'); 
    }); 
}); 

OR

$(document).ready(function(){ 
    $(window).on('scroll', '.ag-body-container', function(){ 
     console.log('scroll happened'); 
    }); 
}); 

Answer 2

を試してみましたhavent。

.bindは、将来のバージョンからいつでも削除される可能性があるためです。 .bindを使い続ける理由はなく、代わりに.onを好むあらゆる理由があります。

は、スクロールイベントが発生jquery .bind() vs. .on()

Answer 3

参照する場合、指定された要素でユーザーがスクロールします。

scrollイベントは、すべてのスクロール可能な要素とウィンドウオブジェクト（ブラウザウィンドウ）で機能します。

ウィンドウがスクロール可能な場合、以下のコードよりもスクロール可能です。

$(function() { 
    $(window).on('scroll', function() { 
     console.log('scroll happened'); 
     }); 
}); 

いますが、このようなものにしようとしている場合。「.ag-体コンテナ」によって識別される要素がスクロール可能である場合

$(".ag-body-container").on('scroll', function() { 
     console.log('scroll happened'); 
     }); 

は、その後、唯一のイベントが発生します。

plunkerチェック：http://plnkr.co/edit/QCMSsfGgggjaHVWDdNp9?p=preview