h5实现上拉加载分页

//监听页面的滚动事件
//封装列表查询的函数为 queryList ，为了防止请求未完成时候，上拉加载过快，频繁发送请求，在全局声明一个变量isLoading
var isLoading = false
var pageSize = 10
var flag = true //当前请求的数据条数是否满足 10条
$(function(){
	queryList(page)
	$(window).scroll(function(){
	var scrollTop = $(window).scrollTop() //获取当前滚动条的高度
	var clientHeight = $(window).height()// 获取当前可视区的高度
	var scrollheigh = $(document).height() //获取当前页面内容的高度
	if(scrollTop + clientHeight >= $(scrollHeight) - 50){ 
	// 当前滚动条的高度 + 当前可视区的高度 >= 当前页面内容的高度 代表当前滑动到底部
	//-50 上拉加载更灵敏，避免页面出现上拉加载不生效
	if(isLoading){return false;}
	if(flag){
		isLoading = true
		//加载数据
		page += 1
		queryList(page)
     }	
	}
})
})
//查询函数
function queryList(page){
	$.get('',{page:page,pageSize:pageSize},function(r){
		if(r.code == '0'){
			if(page == 0){
				list = []
			}
			if(r.data.length < pageSize){
				flag = false
			}
			list = r.data
			var str = `要循环的html结构`
		}
		
	})
}