Question

想要识别用户是否使用此代码段向上或向下滚动

        $('#songs-ul').bind('mousewheel', function(e){
            if(scrolling != 1){

                alert($("#songs-ul").scrollTop());
                if($("#songs-ul").scrollTop() > scrollheight){_runter();}

                if($("#songs-ul").scrollTop() < scrollheight){_rauf();}

                //scrollheight = $("#songs-ul").scrollTop();
            }
        });

但是如果用户滚动“一次”，则没有变化 - 只是在第二次滚动时它会改变。

预览：http://www.limesoft-solutions.com/jukebox/index.php?list=1&yt=1 （这是搜索字段下的歌曲列表，带有“Suchen”文本）

有人提示吗？ :) 谢谢！

Answer 1

您可以使用类似的内容来确定用户是向上还是向下滚动：

(function () {
    var previousScroll = 0;
    $('#songs-ul').scroll(function () {
       var currentScroll = $(this).scrollTop();
       if (currentScroll > previousScroll){
          alert('Im scrolling down');
          //add your code here
       }
       else {
          alert('Im scrollign up');
          //add your code here
       }
       previousScroll = currentScroll;
    });
}());

<强> Here is an Example Fiddle

JQuery：完全是scrollTop（）

1 个答案: