TA貢獻1817條經驗 獲得超14個贊
碰到了一樣的問題，渲染的時候瀏覽器崩潰
是在滑到底加載下一頁的時候，分頁效果，寫過好幾次這種效果，這是頭一次碰到
methods: {
//滾動條在Y軸上的滾動距離
getScrollTop() {
let scrollTop = 0,
bodyScrollTop = 0,
documentScrollTop = 0;
if(document.body) {
bodyScrollTop = document.body.scrollTop;
}
if(document.documentElement) {
documentScrollTop = document.documentElement.scrollTop;
}
scrollTop = (bodyScrollTop - documentScrollTop > 0) ? bodyScrollTop : documentScrollTop;
return scrollTop;
},
//瀏覽器視口的高度
getWindowHeight() {
let windowHeight = 0;
if(document.compatMode == "CSS1Compat") {
windowHeight = document.documentElement.clientHeight;
} else {
windowHeight = document.body.clientHeight;
}
return windowHeight;
},
//文檔的總高度
getScrollHeight() {
let scrollHeight = 0,
bodyScrollHeight = 0,
documentScrollHeight = 0;
if(document.body) {
bodyScrollHeight = document.body.scrollHeight;
}
if(document.documentElement) {
documentScrollHeight = document.documentElement.scrollHeight;
}
scrollHeight = (bodyScrollHeight - documentScrollHeight > 0) ? bodyScrollHeight : documentScrollHeight;
return scrollHeight;
}
},
},
mounted(){
this.defaults(this.currentPage);
window.onscroll = () => {
if(this.getScrollTop() + this.getWindowHeight() == this.getScrollHeight()) {
this.defaults(++this.currentPage);
}
};
},
舉報