Question

我使用UP按钮（upArrow）和DOWN按钮（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

您可以将包含div的滚动事件的监听与其scrollTop属性结合起来，以便在您触及底部时找到...

Operator<DerivedState>

使用按钮/鼠标滚轮滚动时执行某些操作

1 个答案: