本文提供一段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>