js 双击页面开始/暂停页面滚动

原创于 2025-01-24 15:50:27 发布 · 169 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #javascript #开发语言

这种方法适用于大多数浏览器，但需要注意的是，直接控制滚动条的滚动在某些浏览器中可能不被支持，特别是对于非用户触发的滚动行为（如平滑滚动）。但是，我们可以使用定时器来模拟暂停和恢复滚动。

<!DOCTYPE html>
<html>
 <head> 
  <title>双击滚动代码</title> 
 </head> 
 <body> 

 <button id="a1">-</button>
 <input type="number" id="t1" disabled="disabled" value="0" style="text-align:center;">
 <button id="j1">+</button>
 <hr/>
 <hr/>
 <div style="height:1500px;">
 </div>
 
    <script>
        
var currentpos,timer;
function initialize()
{
    timer=setInterval("scrollwindow()",3);
}
function sc(){
    clearInterval(timer);
}
function scrollwindow(){
    if(document.body.scrollTop){//加了DTD头时,document.body.scrollTop值始终为0,在此判断一下
        currentpos=document.body.scrollTop;
        window.scroll(0,++currentpos);
            if (currentpos != document.body.scrollTop){
                sc();
            }
    }
    else{
        currentpos=document.documentElement.scrollTop;
            window.scroll(0,++currentpos);
            if (currentpos != document.documentElement.scrollTop){
                sc();
            }
    }
}

document.onmousedown=sc
document.ondblclick=initialize
    
    </script>
 </body>
</html>