美文网首页Javascript
判断滚动条是上滚动还是下滚动

判断滚动条是上滚动还是下滚动

作者: 0efb885b580c | 来源:发表于2016-10-26 10:22 被阅读19次
    
    //定义变量,用于保存上一次滚动的距离
    
    var t=0;
    
    $(document).on('scroll',function(){
    
    var p = $(this).scrollTop();
    
    //如果上一次滚动距离<=当前滚动距离,是下滚
    
    if(t<=p){//下滚
    
    // coding
    
    }else{//上滚
    
    // coding
    
    }
    
    //当滚动结束后,把滚动距离保存,做为上次滚动的距离
    
    setTimeout(function(){t = p;},0);
    
    })
    
    

    相关文章

      网友评论

        本文标题:判断滚动条是上滚动还是下滚动

        本文链接:https://www.haomeiwen.com/subject/luyduttx.html