首页html自动滚动

html自动滚动

时间: 2023-07-01 09:06:06 浏览: 89

要使 HTML 页面自动滚动，可以使用 JavaScript 和 HTML DOM。以下是一个简单的示例： ```html <!DOCTYPE html> <html> <head> <title>自动滚动页面</title> </head> <body onload="autoScroll()"> <h1>标题1</h1> <p>内容1</p> <h2>标题2</h2> <p>内容2</p> <h3>标题3</h3> <p>内容3</p> <h4>标题4</h4> <p>内容4</p> <script> function autoScroll() { window.scrollTo(0, document.body.scrollHeight); setTimeout(autoScroll, 1000); // 每秒钟滚动一次 } </script> </body> </html> ``` 在上面的示例中，我们在 `body` 标签上使用 `onload` 属性来指定在页面加载时要执行的 JavaScript 函数 `autoScroll()`。该函数使用 `window.scrollTo()` 方法将窗口滚动到页面底部。然后，我们使用 `setTimeout()` 方法来每秒钟执行一次 `autoScroll()` 函数，以便持续自动滚动页面。

阅读全文