js实现移动端上拉加载更多

1、获取页面高度

  function getScrollTop() {
        var scrollTop = 0;
        if(document.documentElement && document.documentElement.scrollTop) {
            scrollTop = document.documentElement.scrollTop;
        } else if(document.body) {
            scrollTop = document.body.scrollTop;
        }
        return scrollTop;
    }

2、获取当前可视高度

  function getClientHeight() {
        return document.documentElement.clientHeight;
    }

3、文档完整的高度

function getScrollHeight() {
        return Math.max(document.body.scrollHeight, document.documentElement.scrollHeight);
    }

4、检查滚动高度是否到了底部，距离底部200时，认为到底，开始加载下一页

  function checkScrollHeight(){
        return getScrollHeight() - getClientHeight() -getScrollTop() <= 200;
    }

5、如果滚动到了底部

if(checkScrollHeight){
   //调取ajax
}