网页实现滚动加载数据 - Vue/JavaScript

// 需要监听滚动的容器

const content = document.querySelector('xxx');

// 给容器添加滚动事件

content.addEventListener('whell', this.checkScrollInfo);

checkScrollInfo() {

  // 滚动的容器

  const content = document.querySelector('xxx');  

  // 滚动的距离、滚动条高度、可视区域高度

  const {scrollTop, scrollHeight, clientHeight} = content;

  // 如果滚动距离+可视区域高度没达到滚动条高度，说明未滚动到底（此处可设置边界值）

  if (scrollTop + cientHeight < scrollHeight) {

    return;

  }

  // 滚动到底后，执行数据加载

  this.getDataInfo();

}