页面下拉到底部自动加载更多

技术要点

检查窗口的滚动事件，判断是否滑动到底部。

需要获取三个高度：

（A）当前窗口可视高度（window.screen.availHeight）

（B）屏幕滚动高度（scrollTop）

（C）当前文本的总高度（document height）

当A+B>=C时证明已滑动到底部，ajax获取数据

代码实现，基于jquery：

$(window).scroll(function () {
var scrollTop = $(this).scrollTop();
var docHeight = $(document).height();
var screenHeight = window.screen.availHeight;
if((scrollTop + screenHeight) >= docHeight) {
//TODO 已滑到底部 加载数据
}
}