1.整个页面分页拉数据
window.addEventListener('scroll', this.handleScroll);
function handleScroll() {
//判断滚动到底部
if ($(window).scrollTop() >= $(document).height() - $(window).height()) {
//触发事件
getPeopleList();
}
}
2.单个列表分页拉数据
- 获取窗口高度
let winHeight = document.documentElement.clientHeight
function scrollFunc(){
$("#peopleList").scroll(function(){
var $this =$(this),
viewH =$(this).height(),//可见高度
contentH =$(this).get(0).scrollHeight,//内容高度
scrollTop =$(this).scrollTop();//滚动高度
if(contentH = viewH + scrollTop) { //当滚动到底部时，
getPeopleList();
}
if(contentH - viewH - scrollTop <= 100) { //当滚动到距离底部100px时,
}
if(scrollTop/(contentH -viewH) >= 0.95){ //当滚动到距离底部5%时
// 这里加载数据..
getPeopleList();
}
});
}
scrollFunc();
