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

本文转载自查看原文 2017-09-12 18:30 1579 JavaScript/ HTML/ js 判断是否停止滚动

<!DOCTYPE html>  
<html>  
<head>  
<meta charset="utf-8">  
<title>js判断滚动条停止</title>  
<style type="text/css">
    .box {
        height: 3000px;
    }
</style>
<script type="text/javascript">  
    var topValue = 0, // 上次滚动条到顶部的距离
        interval = null; // 定时器
    document.onscroll = function() {
        if(interval == null) {
            // 未发起时，启动定时器，1秒1执行
            interval = setInterval(function() {
                if(document.documentElement.scrollTop == topValue) {
                    alert("scroll bar is stopping!");
                    clearInterval(interval);
                    interval = null;
                }
            }, 1000);
        }
        topValue = document.documentElement.scrollTop;
    }  
</script>  
</head>  
    <div class="box"></div>
<body>  
</body>  
</html>

这个需求是我在写一个固钉的时候遇到的问题,当滚动条滚动时固钉隐藏,当停止滚动时固钉出现

免责声明！

本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱yoyou2525@163.com删除。

猜您在找 js 判断滚动条是否滚动到底部 js 判断是否有滚动条以及获取滚动条宽度的方法 JS判断滚动条到底部，页面是否有滚动条判断页面是否有滚动条 JS如何判断滚动条是否滚到底部滚动加载瀑布流下拉刷新 js判断滚动条是否已到页面最底部或顶部实例 Jquery判断滚动条是否到达窗口顶部和底部 js 实时监听滚动条状态判断滚动条位置 JS模拟滚动条 js 滚动条滑动