原生js实现简单的下拉加载

#获取当前滚动条的高度
document.documentElement.scrollTop

  #获取当前窗口的高度

document.documentElement.clientHeight

  #获取当前整个文档的高度

document.documentElement.scrollHeight

添加滚动事件,当滚动条高度+窗口高度=文档高度

或者

当滚动条高度+窗口高度>=文档高度-20px时,触发加载,

创建div元素,从列表中依次拿出数据写入div元素内

 

 最终效果:

 每次向下滚动都会加载新的元素。



猜你喜欢

转载自www.cnblogs.com/pfeiliu/p/11884271.html