在jquery中向下滚动时向上滚动时执行其他操作

Question

当用户向下滚动时,我想在我的网站上添加一个向下箭头,向上滚动时箭头指向上方.

我唯一能做的就是这个

$(document).ready(function(){
    $(window).scroll(function () {
        $("#bottomArrow").show(); 
        setTimeout(function(){ $("#bottomArrow").fadeOut() }, 2000);
    });
}); 

它不能识别上下,只是"滚动".

我怎么能用jQuery做到这一点？

Answer 1

您需要检查哪条路$(document).scrollTop()已更改.你可以这样做:

$(function() {

    var prevScroll = $(document).scrollTop();

    $(window).scroll(function() {
        var newScroll = $(document).scrollTop();
        if(newScroll < prevScroll) {
            // Scrolled up
        } else {
            // Scrolled down
        }
        prevScroll = newScroll;
    });
});

测试用例:

http://jsbin.com/arazu3/