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');
});

任何输入？

Answer 1

所以，除非你有实际的东西，否则＃34;滚动＆＃34; - 你可以听其他事件。

类似的东西：

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

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

这个问题也像：Use jQuery to check mousewheel event without scrollbar

JQuery滚动事件拒绝触发

1 个答案: