jquery 循环滚动页面
时间: 2023-08-02 21:07:30 浏览: 99
你可以使用jQuery的animate()方法和scrollTop属性来实现循环滚动页面。以下是一个简单的示例代码:
```javascript
$(document).ready(function() {
var windowHeight = $(window).height(); // 获取窗口高度
var documentHeight = $(document).height(); // 获取文档高度
var scrollHeight = documentHeight - windowHeight; // 获取滚动高度
setInterval(function() {
$('html, body').animate({
scrollTop: '+=' + windowHeight // 每次滚动一个窗口高度
}, 1000, function() {
if ($(window).scrollTop() >= scrollHeight) { // 如果滚动到底部,回到顶部
$('html, body').animate({
scrollTop: 0
}, 1000);
}
});
}, 3000); // 每隔3秒执行一次滚动效果
});
```
这段代码会每隔3秒执行一次滚动效果,每次滚动一个窗口高度。如果滚动到底部,会回到页面顶部重新开始滚动。
阅读全文