当前位置: 首页 > 面试题库 >

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

翟迪
2023-03-14
问题内容

我正在寻找达到这种效果的东西:

$(window).scroll(function(event){
   if (/* magic code*/ ){
       // upscroll code
   } else {
      // downscroll code
   }
});

有任何想法吗?


问题答案:

检查当前scrollTop与以前scrollTop

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


 类似资料:
  • 在使滚动系列事件正常运行方面存在问题(根本不符合设计)。已经浏览了所有关于此的文章、代码建议和其他帮助主题,但没有人能够解释为什么此示例根本不起作用: 基本页面html: 好的,如果复制粘贴,则需要替换包含文件,并且版本可能不同。对这种行为表示怀疑。当我取出jquery时。移动包含该脚本按预期工作,每当滚动位置改变时,都会将滚动注释记录到控制台中。 当我包含jquery.mobile页面加载时它会

  • 我的问题是: 我的解决方案是使用mousewheel/scroll事件处理程序来知道用户是否在移动,然后计算我是否在页面底部并隐藏或显示元素。。。 一切正常,但我有点担心 由于主线程正忙,“mousewheel”输入事件的处理延迟了123毫秒。将事件处理程序标记为“被动”以使页面更加响应。 这(我猜)是因为这个代码 跑太多次了。 那么,我怎样才能使这段代码更有效率呢 是否有办法在滚动后运行事件?

  • 百度首页的“百度一下”按钮是怎么绑定的点击(click)事件的? 其中一种是使用<form>标签,这种会刷新整个页面。 我想知道的是第二种。在点击“百度一下”按钮后,会进行异步刷新,代码会进入到jquery中,但是我没有找到到底是怎么实现监听的?然后这种实现绑定,的流程也不怎么懂 jquery中的这段代码 是怎么绑定到按钮上的?或者有大佬可以告知绑定的位置。百度这个是进行测试,最想知道的是有没有办

  • 主要内容:jQuery Mobile 滚屏开始(Scrollstart),实例,jQuery Mobile 滚屏结束(Scrollstop),实例jQuery Mobile 提供了两种滚屏事件:滚屏开始时触发和滚动结束时触发。 jQuery Mobile 滚屏开始(Scrollstart) scrollstart 事件是在用户开始滚动页面时触发: 实例 $(document).on("scrollstart",function(){ alert("开始滚动!"); }); 注意:iOS 设备在滚

  • jQuery Mobile 提供了两种滚屏事件:滚屏开始时触发和滚动结束时触发。 jQuery Mobile 滚屏开始(Scrollstart) scrollstart 事件是在用户开始滚动页面时触发: $(document).on("scrollstart",function(){ alert("开始滚动!"); }); 注意:iOS 设备在滚屏时锁定 DOM 操作,这意味着当用户滚屏时不可

  • 本文向大家介绍vue监听滚动事件的方法,包括了vue监听滚动事件的方法的使用技巧和注意事项,需要的朋友参考一下 vue中监听滚动事件,然后对其进行事件处理,一般有:1. 滚动到顶部吸附; 2. 根据滚动的位置激活对应的tab键(锚链接tab键) 这两种方式的处理都是可通过监听scroll来实现 处理方法 1. 滚动到顶部吸附 html元素 methods方法 2. 根据滚动的位置激活对应的tab键