首页 >web前端 >js教程 >如何使用 jQuery 确定滚动方向(向上或向下)?

如何使用 jQuery 确定滚动方向(向上或向下)?

Barbara Streisand
Barbara Streisand原创
2024-12-07 08:16:13248浏览

How Can I Determine the Scroll Direction (Up or Down) Using jQuery?

确定 jQuery 滚动事件的方向

在 jQuery 中处理滚动事件时,了解滚动是在页面上向上还是向下移动非常有用。这可以通过将当前的scrollTop值与先前的scrollTop值进行比较来实现。具体做法如下:

var lastScrollTop = 0;
$(window).scroll(function(event){
   var st = $(this).scrollTop();
   if (st > lastScrollTop){
       // downscroll code
   } else {
      // upscroll code
   }
   lastScrollTop = st;
});

在此代码中,lastScrollTop 初始化为 0。当滚动事件发生时,当前的scrollTop 值存储在 st 中。如果st大于lastScrollTop,则代码执行向下滚动代码,如果st小于lastScrollTop,则代码执行向上滚动代码。最后,lastScrollTop 被更新为新的scrollTop 值。

以上是如何使用 jQuery 确定滚动方向(向上或向下)?的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn