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

<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>