js 鼠标双击滚动单击停止

最新推荐文章于 2024-08-14 15:33:49 发布

weixin_34088583

最新推荐文章于 2024-08-14 15:33:49 发布

阅读量117

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/xinlinux/p/4220918.html

版权

<!DOCTYPE html>
<html>
 <head> 
  <title>双击滚动代码</title> 
  <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>

 </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/>
 <button id="a2">-</button>
 <input type="number" id="t2" disabled="disabled" value="0" style="text-align:center;">
 <button id="j2">+</button>
 
 <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>

转载于:https://www.cnblogs.com/xinlinux/p/4220918.html

weixin_34088583

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js 鼠标双击滚动单击停止

<!DOCTYPE html><html> <head> <title>双击滚动代码</title> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script> </head> &lt...
复制链接

扫一扫