JS---手机端上拉加载数据功能

JS—手机端上拉加载数据功能

<div class="jiaz centers wid100">
	加载中...
</div>

var page = 1,timers=null,limit = 5,;
$(function() {
	page = 1;
	$(window).scroll(function() { //滚动条触底判断
		let scrollTop = Math.ceil($(this).scrollTop()) //滚动条与顶部的高度
		let curHeight = $(this).height() //当前可视页面高度
		let totalHeight = $(document).height() //页面的总高度
		if (scrollTop + curHeight >= totalHeight) {
			clearTimeout(timers);
			timers = setTimeout(() => {
				page++
				$('.jiaz').css('display','block')
				console.log("第" + page + "页");
				goodsAll(keywords, is_show, type_id)
			}, 500)
		}
	})
	// $('.jiaz').css('display','block')
});

function goodsAll(keywords, is_show, type_id) {
....
success: function(res) {
	dataInfo = res.data;
	if (page > 1) {
		data = data.concat(res.data);
	} else {
		$('.infoD').empty(); //重点
	}
}
.....	
}

.jiaz {
	font-size: 14px;
	color: #555555;
	display: none;
	height: 40px;
	line-height: 40px;
}