码迷,mamicode.com
首页 > Web开发 > 详细

Js实现滚动加载原理

时间:2020-11-10 11:04:36      阅读:17      评论:0      收藏:0      [点我收藏+]

标签:原理   class   span   dev   cti   strong   false   add   bsp   

原理:就是监听页面滚动事件,分析clientHeight、scrollTop、scrollHeight三者的属性关系。

window.addEventListener(‘scroll‘, function() {
  const clientHeight = document.documentElement.clientHeight;
  const scrollTop = document.documentElement.scrollTop;
  const scrollHeight = document.documentElement.scrollHeight;
  if (clientHeight + scrollTop >= scrollHeight) {
    // 检测到滚动至页面底部,进行后续操作
    // ...
  }
}, false);

 

Js实现滚动加载原理

标签:原理   class   span   dev   cti   strong   false   add   bsp   

原文地址:https://www.cnblogs.com/yxkNotes/p/13950113.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!