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://hxwzsj.com/article/iisepd.html

其他资讯

Copyright © 2025 青羊区翔捷宏鑫字牌设计制作工作室(个体工商户) All Rights Reserved 蜀ICP备2025123194号-14
友情链接: 外贸网站设计方案 成都网站建设 成都h5网站建设 成都网站建设 成都网站制作 成都网站制作 高端网站设计 网站设计公司 网站建设公司 重庆网站建设 上市集团网站建设 做网站设计 网站建设方案 成都网站制作 企业网站设计 成都品牌网站设计 成都网站设计 教育网站设计方案 成都网站建设 成都网站建设公司 自适应网站建设 成都网站建设