手机翻页

Posted 2020-08-22 hjr_rong

<div id="newlist"></div>
<div class="no_more" style="display:none;"><p>没有更多了！</p></div> 
<div class="loading loading2" style="display:none;"><p><img src="/images/loading.gif" width="30" height="30">正在努力加载中...</p</div>

var pages = {:$totlepage:};
if(pages==1)
{
	jQuery(‘.no_more‘).show();
}

var page = 2,
	bool = true,
	st = jQuery(document).innerHeight();
function refresh(){
	if(!bool){return;}
	bool = false;
	jQuery(‘.loading2‘).show();
	jQuery(‘.no_more‘).hide();
	var data = {
		  ‘page‘ : page
	}
	$.post(
		‘url‘,
		data,
		function(d){
			if (d.length>0) {
				var html = ‘‘;
				for (var i = 0; i < d.length; i++) {
					html += ‘<li>‘;
			               html += ‘d[i].name‘;
					html += ‘</li>‘;
				};
				$(‘#newlist‘).append(html);
				page++;
				st = jQuery(document).innerHeight();
				bool = true;
				jQuery(‘.loading2‘).hide();
				jQuery(‘.no_more‘).hide();
			}else{
				bool = false;
				jQuery(‘.no_more‘).show();
				jQuery(‘.loading2‘).hide();
			}
	},‘json‘);
}

$(window).scroll(function(){
   if (getScrollTop() + getClientHeight() >= getScrollHeight()) 
	{ 
		refresh();
	} 
}); 
//获取滚动条当前的位置 
function getScrollTop() 
{ 
	var scrollTop = 0; 
	if (document.documentElement && document.documentElement.scrollTop)
	{ 
		scrollTop = document.documentElement.scrollTop; 
	}else if (document.body) { 
		scrollTop = document.body.scrollTop; 
	} 
	return scrollTop; 
} 

//获取当前可是范围的高度 
function getClientHeight() 
{ 
	var clientHeight = 0; 
	if (document.body.clientHeight && document.documentElement.clientHeight) 
	{ 
		clientHeight = Math.min(document.body.clientHeight, document.documentElement.clientHeight); 
	} else { 
		clientHeight = Math.max(document.body.clientHeight, document.documentElement.clientHeight); 
	} 
	return clientHeight; 
} 

//获取文档完整的高度 
function getScrollHeight() 
{ 
	return Math.max(document.body.scrollHeight, document.documentElement.scrollHeight); 
}