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