jquery实现下拉快到底部时加载更多数据

实现原理：
获取浏览器高度  h = jQuery(window).height()
获取滚轮滚动高度  s = jQuery(window).scrollTop()
获取最页面总高度  documentH = jQuery(document).height()

当滚轮滚到距离页面底部100px时开始加载下一页数据

(s+h+100) >= documentH // 开始加载

但是会发现滚轮在接近页面底部100px后会多次加载

所以controller中定义全局变量 

var off_on = true

来控制只加载一次

jQuery(window).scroll(function () {
            var s = jQuery(window).scrollTop(),
                h = jQuery(window).height(),
                documentH = jQuery(document).height();
            if ((s + h + 100) >= documentH && $scope.isLastPage === false) {
                if (off_on) {
                    $scope.getData($scope.currentPage++, $scope.pageSize);
                    off_on = false;
                }
            }

        });

getdata(){}中获取下一页数据成功后，将off_on制为true

off_on = true

原文连接：点击进入