上拉加载

 onScroll() {
//可滚动容器的高度
let innerHeight = document.querySelector('#app').clientHeight;
//屏幕尺寸高度
let outerHeight = document.documentElement.clientHeight;
//可滚动容器超出当前窗口显示范围的高度
let scrollTop = document.documentElement.scrollTop;
//scrollTop在页面为滚动时为0,开始滚动后,慢慢增加,滚动到页面底部时,出现innerHeight < (outerHeight + scrollTop)的情况,严格来讲,是接近底部。
// console.log(innerHeight + " " + outerHeight + " " + scrollTop);
if (innerHeight <= (outerHeight + scrollTop)) {
//加载更多操作
console.log("loadmore");
// this.items += 10;
this.pages++;
this.load();
}
},

马万涛

posted @ 2019-04-17 11:10  Matthew~  阅读(313)  评论(0编辑  收藏  举报