在很多app里面我们都可以看到当手机拉到底部的时候会自动加载更多的内容，就相当于翻页的效果，但是这是app的功能，这里我们一起看看web页面的实现，其实这个实现也是很简单的，在这多谢各位提供参考资料的朋友。

js代码实现：

$(function(){
$(window).scroll(function() {
   var scrollTop = $(this).scrollTop(),scrollHeight = $(document).height(),windowHeight = $(this).height();
    var positionValue = (scrollTop + windowHeight) - scrollHeight;
    if (positionValue == 0) {
         //do something
    }
});
);


do something就是需要执行的功能，要是想加载更多的内容，就可以发送post请求到后台系统获取更多数据，如果没有数据就给出相应的提示，这个更人性化。