马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有账号?立即注册
x
- <!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左上角到欣赏器窗口左上角的垂直距离。
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。 |