一聚教程网:一个值得你收藏的教程网站

最新下载

热门教程

JS简单判断滚动条的滚动方向

时间:2017-05-02 编辑:简简单单 来源:一聚教程网

本文实例讲述了JS简单判断滚动条的滚动方向实现方法。分享给大家供大家参考,具体如下:

以下代码实现判断页面的滚动条的滚动方向;

 

 代码如下复制代码

varsign = 80;//定义默认的向上滚与向下滚的边界

window.onscroll = window.onresize =function(){

    varoScrollTop=$(window).scrollTop();

    if( oScrollTop > 80) {

        //write your code

    }

    if( oScrollTop < 80) {

      //write your code

    }

    if( oScrollTop > sign) {

      sign = oScrollTop;//更新scrollTop

      //console.log('向下');

    }

    if( oScrollTop< sign) {

      sign = oScrollTop//更新scrollTop

      //console.log('向上');

    }

}

 

热门栏目