Question

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

如果用户在页面上向下700px并且他们开始向上滚动，我需要一个函数在它们达到600px时运行。这应该是用户在页面上的任何位置都是动态的。

作为起点我有：

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

中的另一个链接

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

1 个答案: