滚动时加载网页内容

HTML

<div id="loadingbar" style="display:none;position:fixed;bottom:0;left:0;right:0;background-color:#000;color:#FFF;text-align:center;"><b><i>正在加载下50条记录...</i></b></div>
<input type="hidden" value='50' id="loaded_max">

					    

JS

$(document).ready(function() {      
	$('#loaded_max').val(50);       //为隐藏域赋值50，表示一次加载50条记录
});
var loading = false;               //全局变量，指定当前是否正在加载服务器端内容
$(window).scroll(function(){      //关联window的onscroll事件
    //如果当前窗体的高度大于文档的高度
	if((($(window).scrollTop()+$(window).height())+250)>=$(document).height()){
		if(loading == false){
			loading = true;                             //则设置文档加载状态
			$('#loadingbar').css("display","block");    //显示加载提示条
			//调用$.get，向服务器请求记录，start参数提定起始编号
			$.get("ajaxScroll_Server.php?start="+$('#loaded_max').val(), function(loaded){
				$('body').append(loaded);               //加载返回的服务器内容
				//在隐藏域中设置新的起始值
				$('#loaded_max').val(parseInt($('#loaded_max').val())+50);
				$('#loadingbar').css("display","none"); //隐藏状态条的显示
				loading = false;                        //结束加载的状态
			});
		}
	}
});