当用户向上滚动时显示div

Question

嘿所有我只是想知道如何在jquery和/或javascript上创建一个效果，当用户向上滚动时，会出现div。

谢谢！

Answer 1

如果您找到了检测scroll up事件的方法，那么整个过程就太容易了。

要检测向上滚动，我已经习惯了approach以下，

$(function () {
    //Keep track of last scroll
    var lastScroll = 0;
    $(window).scroll(function (event) {
        //Sets the current scroll position
        var st = $(this).scrollTop();
        //Determines up-or-down scrolling
        if (st > lastScroll) {
            //Replace this with your function call for downward-scrolling
            $('#up').hide();
        } else {
            //Replace this with your function call for upward-scrolling
            $('#up').show();
        }
        //Updates scroll position
        lastScroll = st;
    });
});

根据滚动条保持固定的div和hide/show是我所做的。

JSFiddle