原生JS JQuery实现上拉加载

1. 在Body中上拉加载

/*上拉加载
 *@method loadmore
 *@for
 *@param{函数}callback：上拉到底部触发的函数
 *@return {void}
*/
function loadmore(callback) {
    $(document).scroll(function() {
        var scroH = $(document).scrollTop();  //滚动高度
        var viewH = $(window).height();  //可见高度 
        var contentH = $(document).height();  //内容高度
        if (contentH <= (scroH + viewH)){  //滚动条滑到底部啦
            callback();
        }
    })
}

在指定节点中上拉加载

/*上拉加载
 *@method loadmorePro
 *@for
 *@param{string, string, function}target:上拉加载容器选择器;content:上拉加载内部选择器;callback:上拉到底部触发函数
 *@return {void}
 *注意上拉加载容器必须设置高度
*/
function loadmorePro(target, content, callback) {
    $(target).scroll(function() {
        var thisBox = $(this);
        var scroH = thisBox.scrollTop();  //滚动高度
        var viewH = thisBox.height();  //可见高度 
        var contentH = $(content).height();  //内容高度
        if (contentH - (scroH + viewH) < 1){  //滚动条滑到底部啦
            callback();
        }
    })
}