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

技术要点
检查窗口的滚动事件,判断是否滑动到底部。
需要获取三个高度:
(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 已滑到底部 加载数据
    }
}


你可能感兴趣的:(页面下拉到底部自动加载更多)