js判断滚动条是否停止滚动

最新推荐文章于 2023-02-03 09:55:00 发布

qupeng666

最新推荐文章于 2023-02-03 09:55:00 发布

阅读量5.1k

点赞数

CC 4.0 BY-SA版权

分类专栏： js 文章标签：函数滚动条

本文链接：https://blog.youkuaiyun.com/qupeng666/article/details/78049754

js 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了一种使用JavaScript来检测网页滚动是否已停止的方法。通过记录当前与上一次滚动条的位置并比较两者是否一致来判断用户是否还在滚动页面。如果连续两次滚动位置相同，则认为滚动已停止。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

滚动距离不变就没滚动

var topValue = 0,// 上次滚动条到顶部的距离  
        interval = null;// 定时器  
    document.onscroll = function() {  
        if(interval == null)// 未发起时，启动定时器，1秒1执行  
            interval = setInterval("test()", 1000);  
        topValue = document.documentElement.scrollTop;  
    }  
  
    function test() {  
        // 判断此刻到顶部的距离是否和1秒前的距离相等  
        if(document.documentElement.scrollTop == topValue) {  
            alert("scroll bar is stopping!");  
            clearInterval(interval);  
            interval = null;  
        }  
    }