1.整個頁面分頁拉數(shù)據(jù)
window.addEventListener('scroll', this.handleScroll);
function handleScroll() {
//判斷滾動到底部
if ($(window).scrollTop() >= $(document).height() - $(window).height()) {
//觸發(fā)事件
getPeopleList();
}
}
2.單個列表分頁拉數(shù)據(jù)
- 獲取窗口高度
let winHeight = document.documentElement.clientHeight
function scrollFunc(){
$("#peopleList").scroll(function(){
var $this =$(this),
viewH =$(this).height(),//可見高度
contentH =$(this).get(0).scrollHeight,//內(nèi)容高度
scrollTop =$(this).scrollTop();//滾動高度
if(contentH = viewH + scrollTop) { //當(dāng)滾動到底部時,
getPeopleList();
}
if(contentH - viewH - scrollTop <= 100) { //當(dāng)滾動到距離底部100px時,
}
if(scrollTop/(contentH -viewH) >= 0.95){ //當(dāng)滾動到距離底部5%時
// 這里加載數(shù)據(jù)..
getPeopleList();
}
});
}
scrollFunc();
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。