HTML窗体内容自动向下滚动，JAVASCRIPT实现窗体内容向下滚动。

来源：互联网发布：突击英雄知乎编辑：程序博客网时间：2024/05/16 06:29

很多论坛、博客等网站都实现了此功能，意在方便读者浏览网页，下面不妨让我们来看看是怎么实现的。

以下是完整HTML代码：

<html>

<head>

<title>双击窗体内容向下滚动</title>

var currentpos,timer;

function initialize(){

timer=setInterval("scrollwindow()",10);

}

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>

双击窗体内容向下滚动

双击窗体内容向下滚动

双击窗体内容向下滚动

双击窗体内容向下滚动

双击窗体内容向下滚动

双击窗体内容向下滚动

双击窗体内容向下滚动

双击窗体内容向下滚动

双击窗体内容向下滚动

双击窗体内容向下滚动

双击窗体内容向下滚动

双击窗体内容向下滚动

双击窗体内容向下滚动

双击窗体内容向下滚动

双击窗体内容向下滚动

双击窗体内容向下滚动

双击窗体内容向下滚动

双击窗体内容向下滚动

双击窗体内容向下滚动

双击窗体内容向下滚动

双击窗体内容向下滚动

双击窗体内容向下滚动

双击窗体内容向下滚动

双击窗体内容向下滚动

双击窗体内容向下滚动

双击窗体内容向下滚动

双击窗体内容向下滚动

双击窗体内容向下滚动

双击窗体内容向下滚动

双击窗体内容向下滚动

双击窗体内容向下滚动

双击窗体内容向下滚动

双击窗体内容向下滚动

</body>

</html>