关于浏览器端js到底部刷新的问题！

listNew.js

document.write("hhh")
let max = 0
for(let i=0;i<20;i++){
  document.write(i+"<br/>")
  max = i
}
localStorage.setItem("lodding", false)
window.addEventListener("scroll",function(){
  let scrollHeight = document.documentElement.scrollHeight
  let scrollTop = document.documentElement.scrollTop
  let clientHeight = document.documentElement.clientHeight
  let lodding = localStorage.getItem("lodding")
  console.log("高度",scrollTop,clientHeight,scrollHeight)
  if(scrollTop+clientHeight===scrollHeight&&lodding!=="lodding"){
    writeNew()
    localStorage.setItem("lodding","lodding")
  }
})
function writeNew(){
  setTimeout(function(){
      console.log("writeNew",max)
      for(let i=0;i<20;i++)
       {
          document.body.append("writeNew"+max+"==="+ i +"\n\r")
       }
      max = max + 1
      localStorage.setItem("lodding",false)
      },1000)

}

描述.md

底部刷新的问题

1. 是否会重复刷新的问题？
2. 如何判断到底部？

    // 监听滚动的函数
    window.addEventListener("scroll",function(){
    
    })
    
    let scrollHeight = document.documentElement.scrollHeight
    let scrollTop = document.documentElement.scrollTop
    let clientHeight = document.documentElement.clientHeight

滚动到底部的document

滚动到底部检测如图

scrollHeight是页面高度，scrollTop是滚动的高度,clientHeight是视窗高度，当scrollTop+clientHeight==scrollHeight的时候，就是达到底部了。

滚动底部重复刷新问题

首先，为什么会重复刷新，滚动到底部的时候，加载内容需要一部分时间，当加载的过程中，再次滚动到底部，就会出现重复刷新。

如何解决？

    localStorage.setItem("lodding","lodding")
    if(localStorage.getItem("lodding")==="lodding"){
    	console.log("正在加载")
    }

当加载完成后，设置回去。

    localStorage.setItem("lodding",false)

关于刷新问题的完整示例