正常加载更多代码:
//滚动事件触发
$(window).scroll(function(){
var scrollTop = $(this).scrollTop(); //滚动条距离顶部的高度
var scrollHeight = $(document).height(); //当前页面的总高度
var clientHeight = $(this).height(); //当前可视的页面高度
if(scrollTop + clientHeight >= scrollHeight){ //距离顶部+当前高度 >=文档总高度 即代表滑动到底部
//滚动条到达底部
// alert(pageNum)
getList()
}
// else if(scrollTop<=0){
// //滚动条到达顶部
// alert(4)
// //滚动条距离顶部的高度小于等于0
// }
});
然后测试发现有的华为手机(比如p30)上拉加载更多失效,是因为有的华为手机这个高度有点误差,
这个当前高度多减几像素就可以触到底了。
var scrollHeight = $(document).height()-5; //当前页面的总高度
其他代码不变。