jquery 监听滚动条滚动加载

高度

滚动条距离顶部的高度

定义变量：var scrollTop = $(this).scrollTop();

浏览器窗口的高度

定义变量：var windowHeight = $(this).height();

网页的实际高度

定义变量: var documentScrollHeight = $(document).height();

参考滚动到某一位置加载新内容的高度

如果参考的位置是网页footer上面的位置,需要先计算出footer的高度，然后用网页的实际高度减去窗口的高度在减去footer的高度
定义变量:var footerHeight = $("#footerApp").height();
var requestPageHeight = documentScrollHeight - footerHeight - windowHeight;

<script type="text/javascript">
var gPage = 1;
var gRequestPageTimer = null;
var gIsRequestPage = 1;
$(function(){
	$(window).scroll(function(){
		var scrollTop = $(this).scrollTop(); //滚动条距离顶部的高度
	    var windowHeight = $(this).height();//浏览器窗口的高度
	    var documentScrollHeight = $(document).height();//网页的实际高度
	    var footerHeight = $("#footerApp").height();//参考滚动到某一位置加载新内容的高度
	    var requestPageHeight = documentScrollHeight - footerHeight - windowHeight;
	    //var requestPageHeight = documentScrollHeight - windowHeight;
		 if(scrollTop >= requestPageHeight && gIsRequestPage == 1){
		 	 gIsRequestPage = 0;
		 	 if(gPage >= confMyListApp.confMyPage.pageCount){
		        $("#pageLodingOver").removeClass('acu-display-none').addClass('acu-display-block');
		        return;
		      }
		     gPage = gPage + 1;
			if(gRequestPageTimer){
				clearTimeout(gRequestPageTimer);
			}
			gRequestPageTimer = setTimeout(
			function(){
				$.get('../db/conf.php?act=init&load_all=0&page='+gPage,function(data){
					dataObj = eval('('+data+')');
					confMyListApp.confMyArr = confMyListApp.confMyArr.concat(dataObj.data);
					gIsRequestPage = 1;
          			$("#pageLoding").removeClass('acu-display-block').addClass('acu-display-none');
				});
			},200);
		}
	});
});
</script>