滚动加载案例

Posted 2020-10-12 lyls

var clientHeight=document.getElementById(‘eventList‘).clientHeight;//可视区高
document.getElementById(‘eventList‘).onscroll=()=>{
  //console.log(document.getElementById(‘eventList‘).scrollTop)//滚动条距离顶部高
  //console.log(document.getElementById(‘eventList‘).scrollHeight)//正文高
  //console.log(document.getElementById(‘eventList‘).scrollHeight-document.getElementById(‘eventList‘).scrollTop-clientHeight)
  var height=document.getElementById(‘eventList‘).scrollHeight-document.getElementById(‘eventList‘).scrollTop-clientHeight;
  if(height==-77||height==-60){
    this.form.page++;
    this.getList();
  }
}