<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);
}