JavaScript实现双击鼠标自动滚动屏幕的代码示例

作者:异步漫步时间:2026-10-27 19:38:47浏览:276

本文提供一段JavaScript代码,通过监听鼠标双击事件触发setInterval定时器,配合window.scroll方法实现页面自动向上滚动。代码包含开始滚动、停止滚动及检测滚动位置变化的逻辑,适用于需要自动浏览长页面的场景。

JavaScript实现双击屏幕自动滚动的代码示例

具体实现方式如下所示:

代码片段如下:

<html>
<head>
<script language="javascript" type="text/javascript">
//实现鼠标双击时屏幕自动滚动的逻辑
var currentpos,timer;
function initialize()
{
 timer=setInterval("scrollwindow()",30);
}
function sc()
{
 clearInterval(timer);
}
function scrollwindow()
{
 currentpos=document.body.scrollTop;
 window.scroll(0,++currentpos);
 if(currentpos !=document.body.scrollTop)
 {
 sc();
 }
}
document.onmousedown=sc; //用于停止滚动
document.ondblclick=initialize; //用于启动滚动
</script>
</head>
<body>
<%
 for i=1 to 100
%>
<p>演示双击屏幕触发Js滚动的代码</p>
<%
 next
%>
</body>
</html>
作者最新文章