滚动加载页面

滚动加载页面原理比较简单，即当滚动条距离窗口顶端的距离 + 当前窗口距离 >= 当前文档高度时触发scroll事件，得到新内容后添加到相应元素中。

$(function () {//相当于一个同步锁var pageLoading = false;$(window).scroll(function () {if ($(window).height() + $(window).scrollTop() >= $(document).height()) {if (pageLoading) return; pageLoading = true;try {var html = $.ajax('..........');if (html.length != 0) {//将请求到的内容html添加到相应元素} else {//移除事件监听$(window).unbind('scroll');}} finally {pageLoading = false;}}});});