jQuery - 当用户从当前位置向上滚动 100 像素时运行一个函数

Question

当用户从当前位置向下滚动（任意数量的像素）时，我试图在用户向上滚动 100 像素时运行一个函数并运行另一个函数。因此，如果用户向下滚动页面的一半然后开始向上滚动，我需要一个函数在他们从当前存储的 scrollTop 值向上滚动 100 像素后运行。

如果用户在页面下方 700 像素并且他们开始向上滚动，我需要一个函数在他们达到 600 像素时运行。这应该是动态的，无论用户在页面的何处。

作为一个起点，我有：

var lastScrollTop = 0;

$(window).scroll(function(event){
    var st = $(this).scrollTop();

    if (st > lastScrollTop){
        // Scrolling down
    } else {
        // Scrolling up
    }
    lastScrollTop = st;
});

谢谢

Answer 1

jsFiddle(http://jsfiddle.net/nick_craver/gWD66/1/)

试试这个链接。可能对你很有帮助

使用此代码

 <script type="text/javascript">
var position = $(window).scrollTop();
$(window).scroll(function() {
    var scroll = $(window).scrollTop();
    if(scroll > position) {
      moveCarDownward(scroll);  // $('#status').html('going down!');
    } else {
       moveCarUpward(scroll);  //$('#status').html('going up!');
    }
    position = scroll;
});

另一个链接，其中一个在 javascript link