该方法在vue等框架中调整下后也是可用的
监听事件:
var currentPage = 1;//当前页码
// 监听滚动
window.addEventListener('scroll', windowScroll,false);
滚动处理方法:
// 页面滚动
windowScroll(){
var innerHeight = document.querySelector('#app').clientHeight
var outerHeight = document.documentElement.clientHeight
var scrollTop = document.documentElement.scrollTop?document.documentElement.scrollTop:document.body.scrollTop
// console.log(innerHeight + '-' + outerHeight + '-' + scrollTop)
if (innerHeight<=(outerHeight + scrollTop)+10) {
//触底
//当前页码+1
currentPage += 1
//发起请求,获取新一页的数据
getListData()
}
}
getListData(){
//发起请求,获取新一页的数据
}
滚动事件处理方法中 的 +10,表示距离底部 小于或等于10px 时即表示触底,可根据需要调整