javascript参考
(window).scroll(function(){
loadData();
});
function loadData(){
var totalHeight= parseFloat((window).height()) + parseFloat((window).scrollTop());
if((document).height() <= totalHeight){
var obj=new Object();
obj.id="a_more";
loadMore(obj);
}
}
var page_index = 1;
function loadMore(obj){
("#load_more a").hide();
("#load_more img").show();
var id = obj.id;
var url = $("#"+id).attr("data-url");
var targetObj = ("#"+id).attr("data-target");
$.post(url,{
"start":page_index
},function(data){
("#"+targetObj).append(data);
("#load_more a").show();
("#load_more img").hide();
page_index ++;
});
}
html参考
<h4 id="load_more">
<a href="javascript:void(0);" id="a_more" data-url="resource/book" onclick="loadMore(this);" style="display:block;">加载更多</a>
<img alt="" src="res/images/load.gif" style="display:none;">
</h4>