使用按鈕/鼠標滾輪滾動時執行某些操作

Question

我使用向上按鈕（upArrow）和向下按鈕（downArrow）滾動div。代碼工作正常。以下是爲這兩個按鈕設置的代碼。

我的問題是，當有人使用鼠標滾輪滾動時，我該如何加入？

示例：如果有人使用downArrow按鈕向下滾動併到達底部，彈出窗口會顯示（if(val == (items)){ //reasched end - now do something... }）。現在，如果有人使用鼠標滾輪而不是按鈕，我該如何進行彈出顯示？

var numVal = 0, 
    val = 0, 
    items = 12, 
    scrollVal = 300; 
$('#downArrow').click(function() { 
    numVal = numVal+scrollVal; 
    val++; 
    $("#itHolder").animate({ 
     scrollTop: numVal 
    }); 
    if(val == (items)){ 
     //reasched end - now do something... 
    } 
}); 
$('#upArrow').click(function() { 
    numVal = numVal-scrollVal; 
    val--; 
    $("#itHolder").animate({ 
     scrollTop: numVal 
    }); 
    if(val == 0){ 
     //reasched top - now do something... 
    } 
}); 

Answer 1

您可以結合聆聽你的包含分區，其scrollTop的屬性滾動事件發現，當你見底...

$(myContainingDiv).on('scroll', function() { 
    if (this.scrollTop() == this.height()) { 
     // Do Something... 
    }; 
});