JQueryのスクロールイベントがトリガーを拒否する

Question

特定のクラスの要素がスクロールアップして、それを達成するためにJQueryを使用しているときに、何らかのアクションを実行する必要があります。しかし、イベントは私が何を試してもトリガしません。

HTML：

<div class="container-fluid article-matter" id="info-grid"> 
    <div class="row"> 
     <div class="col col-md-6 col-lg-2"> 
      <div class="imagecontainer"><img /></div> 
      <div class="imagecontainer"><img /></div> 
      <div class="imagecontainer"><img /></div> 
     </div> 
     <div class="col col-md-6 col-lg-2"> 
      <div class="imagecontainer"><img /></div> 
      <div class="imagecontainer"><img /></div> 
      <div class="imagecontainer"><img /></div> 
     </div> 
     <div class="col col-md-6 col-lg-2"> 
      <div class="imagecontainer"><img /></div> 
      <div class="imagecontainer"><img /></div> 
      <div class="imagecontainer"><img /></div> 
     </div> 
     <div class="col col-md-6 col-lg-2"> 
      <div class="imagecontainer"><img /></div> 
      <div class="imagecontainer"><img /></div> 
      <div class="imagecontainer"><img /></div> 
     </div> 
     <div class="col col-md-6 col-lg-2"> 
      <div class="imagecontainer"><img /></div> 
      <div class="imagecontainer"><img /></div> 
      <div class="imagecontainer"><img /></div> 
     </div> 
     <div class="col col-md-6 col-lg-2"> 
      <div class="imagecontainer"><img /></div> 
      <div class="imagecontainer"><img /></div> 
     </div> 
    </div> 
</div> 

jQueryの（アイデア1）：

$('div#info-grid div.row div.col').each(function() { 
    $(this).on('scroll', function(){ 
     console.log('test'); 
    }); 
}); 

jQueryの（考え2）：

$('div#info-grid div.row div.col').on('scroll', function(){ 
    console.log('test'); 
}); 

A nyの入力？

Answer 1

実際に「スクロール」するものがない限り、他のイベントを聴くことができます。

ような何か：などあなたが/変更スクロールバーを非表示にすることができます

$('#foo').bind('mousewheel', function(e) { 
    if(e.originalEvent.wheelDelta/120 > 0) { 
     alert('up'); 
    } else { 
     alert('down'); 
    } 
}); 

この質問も好きされていますUse jQuery to check mousewheel event without scrollbar