jquery 上下滚动事件

jQuery上下滚动事件是指当用户在网页中向上或向下滚动时，页面会产生响应的事件。这种交互方式常用于滑动菜单、上下滚动内容、无限滚动等功能的实现。

在jQuery中，可以通过监听窗口的滚动事件来实现上下滚动事件。代码如下：

$(window).scroll(function() {
  // 获取滚动条距离顶部的距离
  var scrollTop = $(window).scrollTop();
  
  // 判断滚动方向，上滚或下滚
  if (scrollTop > lastScrollTop) {
    // 向下滚动
    // 执行相关操作
  } else {
    // 向上滚动
    // 执行相关操作
  }
  
  // 记录上一次滚动的距离
  lastScrollTop = scrollTop;
});

在上述代码中，我们首先获取了滚动条距离顶部的距离，然后通过比较当前距离和上一次滚动距离的大小，判断滚动的方向。如果当前距离比上一次距离大，说明在向下滚动，否则在向上滚动。最后，在每次滚动完成后，我们都将当前距离记录下来，以便下次比较。

通过监听窗口的滚动事件，我们可以很方便地实现页面的上下滚动效果，并且可以根据具体的业务需求，定制相应的滚动操作。