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

转载 互联网  2017-12-22 13:58  阅读 324 次 评论 4 条

原理:拿当前的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. });
关注我们:请关注一下我们的微信公众号:扫描二维码黄良钵博客的公众号,公众号:HLB_Blog
温馨提示:文章内容系作者个人观点,不代表黄良钵博客对观点赞同或支持。
版权声明:本文为转载文章,来源于 互联网 ,版权归原作者所有,欢迎分享本文,转载请保留出处!

发表评论


表情

  1. 博客之家
    博客之家 【VIP 1】Hong Kong 火狐浏览器 Unknow Os 香港 @回复

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

    • 黄良钵
      黄良钵【站长】2017-12-23 at 23:31来自天朝的朋友 谷歌浏览器 Windows 10 中国 · 海南 · 海口 · 电信  回复

      @博客之家感谢收录!

  2. 淘宝天猫优惠券大全
    淘宝天猫优惠券大全 【VIP 3】来自天朝的朋友 谷歌浏览器 Windows 7 中国 · 广东 · 广州 · 电信 @回复

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