<script>
export default {data() {return {pageIndex: 0,//頁碼pageSize: 10,//每次加載條數(shù)lock: false,//防止頻繁加載};},onLoad() {// 實現(xiàn)滾動加載----------------------------------------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; //鎖定（防止重復(fù)頻繁加載）console.log('追加列表完成', this.pageIndex);this.lock = false; //加載完成后解除鎖定}}
};
</script>

?

總結(jié)

以上是生活随笔為你收集整理的【实现手机端上滑滚动加载列表】判断页面是否滚动到底部或者指定元素位置的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。