<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
.news {
width: 500px;
height: 100px;
border: 1px solid black;
}
</style>
</head>
<body>
<div class="news">1</div>
<div class="news">2</div>
<div class="news">3</div>
<div class="news">4</div>
<div class="news">5</div>
<div class="news">6</div>
<div class="news">7</div>
<div class="news">8</div>
<div class="news">9</div>
<div class="news">10</div>
<div class="news">11</div>
<div class="news">12</div>
<script>
document.addEventListener('scroll', function() {
if (window.innerHeight + window.scrollY >= document.body.offsetHeight) {
// 刷新数据
console.log('刷新数据');
window.scrollTo(0, 100);
}
});
</script>
</body>
</html>window.scrollTo第二个参数是document左上角到浏览器窗口左上角的垂直距离。
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
