Javascript 拒绝触发JQuery滚动事件

当某类元素向上滚动时，我需要执行一些操作，我正在使用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>

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

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

JQuery（创意2）：

<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>

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

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

---

有任何输入吗？

因此，除非你有什么东西要“滚动”，否则你可以监听其他事件

比如：

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

您可以隐藏/更改滚动条等

---

这些问题也类似于：

您确定要在这些元素上“滚动”吗？喜欢-你需要有溢出：自动设置为滚动条出现等滚动条？我不希望滚动条出现。看起来您误解了滚动事件的用途。滚动任何元素的内容时，都会触发滚动事件。如果你想检查你的div是否在你的窗口上被滚动，那么你应该听一下由你的div容器触发的滚动事件，它实际上是滚动的（大部分是窗口），然后对照你的div位置检查滚动值，以触发其他一些回调。