鼠标向上、向下滚动时执行事件

原理:拿当前的scrollTop和之前的scrollTop对比

如果变大了,表示向下滚动(scrollTop值变大);

如果变小了,表示向上滚动(scrollTop值变小)。

  1. $(document).ready(function(){
  2.     var p=0,t=0;
  3.     $(window).scroll(function(e){
  4.             p = $(this).scrollTop();
  5.             if(t<=p){
  6.               console.log('下滚')
  7.             }
  8.             else{
  9.                console.log('上滚')
  10.             }
  11.             setTimeout(function(){t = p;},0);
  12.     });
  13. });

黄良钵

博客站长,前端开发工程师

4 条评论

  1. 我们已收录贵站,欢迎回访,谢谢!
    收录页:http://eps.gs/aj4

    • 黄良钵

      感谢收录!

  2. 技术很好,这样就更方便用户了,不知道博主的评论是怎么修改的,有没有相关介绍呀

    • 黄良钵

      主题自带的

发表评论

电子邮件地址不会被公开。 必填项已用*标注

微信扫一扫

微信扫一扫

微信扫一扫,分享到朋友圈

鼠标向上、向下滚动时执行事件
返回顶部
网站稳定运行 : {{ diffYears }}年 零 {{ diffDays }}天 {{ diffHours }} 小时 {{ diffMinutes }} 分钟 {{ diffSeconds }} 秒

显示

忘记密码?

显示

显示

获取验证码

Close