如何确定 jQuery 滚动事件的方向？

jQuery 中的 scrollTop() 方法用于设置或返回被选元素的垂直滚动条位置。有了这个方法的hep，我们就可以找到鼠标滚动的方向了。

句法：

$(selector).scrollTop(position)

参数：此方法接受可选的单个参数位置。它用于指定以像素为单位的垂直滚动条位置。

返回值：返回被选元素滚动条的垂直位置。

例子：

  

    
        Determine the direction of scroll event
    
      
    
    
      
    
        html, body {
            height: 300%
        }
          
        div {
            position: fixed;
            padding-left: 10px;
            padding-top: 30px;
            height: 10%;
            width: 35%;
            background: lightgrey;
            font-weight: bold;
            border: 2px solid green;
        }
    

  

  
    
      
    
    
        var position = $(window).scrollTop();
  
        $(window).scroll(function() {
            var scroll = $(window).scrollTop();
            if (scroll > position) {
                console.log('scrollDown');
                $('div').text('Scrolling Down Scripts');
            } else {
                console.log('scrollUp');
                $('div').text('Scrolling Up Scripts');
            }
            position = scroll;
        });
    

  
                    

输出：

• 向上滚动：
  
• 向下滚动：