JQuery Scroll-Ereignis weigert sich zu triggern

Question

Ich muss einige Aktion ausführen, wenn eine bestimmte Klasse von Elementen nach oben scrollen und ich benutze JQuery, um dies zu erreichen. Allerdings würde das Ereignis nicht auslösen, egal was ich versuche.

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 (idea 1):

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

JQuery (idea 2):

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

A ny Eingänge?

Answer 1

Wenn Sie also nicht etwas haben, das Sie "scrollen" können, können Sie nach anderen Ereignissen suchen.

Etwas wie:

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

Sie verstecken/ändern Bildlaufleisten usw.

Diese Fragen wird auch mögen: Use jQuery to check mousewheel event without scrollbar