实现原理:
获取浏览器高度 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