【实现手机端上滑滚动加载列表】判断页面是否滚动到底部或者指定元素位置

<script>
export default {
  data() {
    return {
      pageIndex: 0,//页码
      pageSize: 10,//每次加载条数
      lock: false,//防止频繁加载
    };
  },
  onLoad() {
    // 实现滚动加载----------------------------------------
    window.onscroll = () => {
      var st = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop;
      var listHeight = document.querySelector('.content').offsetHeight;
      if (!this.lock && st > listHeight - window.innerHeight - 50) {
        this.pageIndex++, this.initList();
      }
    };
  },
  methods: {
    // 加载列表----------------------------------------
    initList() {
      this.lock = true; //锁定（防止重复频繁加载）
      console.log('追加列表完成', this.pageIndex);
      this.lock = false; //加载完成后解除锁定
    }
  }
};
</script>