JS如何判断滚动条的滚动方向

小编给大家分享一下JS如何判断滚动条的滚动方向,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!

成都创新互联是工信部颁发资质IDC服务器商,为用户提供优质的成都服务器托管服务

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

var sign = 80;//定义默认的向上滚与向下滚的边界
window.onscroll = window.onresize = function(){
    var oScrollTop=$(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('向上');
    }
}

以上是“JS如何判断滚动条的滚动方向”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联行业资讯频道!


文章标题:JS如何判断滚动条的滚动方向
URL链接:http://csruizhi.cn/article/iisepd.html

其他资讯

Copyright © 2007-2024 成都优众联杰科技有限公司 All Rights Reserved 蜀ICP备2024116266号
友情链接: 成都网站设计制作公司 成都响应式网站建设 企业网站设计 成都网站设计 成都网站设计 外贸网站建设 手机网站建设 重庆网站设计 广安网站设计 品牌网站建设 成都网站建设 成都网站建设 营销型网站建设 成都网站制作 自适应网站建设 重庆手机网站建设 网站建设方案 网站制作 成都网站建设公司 成都网站建设 网站设计 成都网站建设