移动端上滑加载更多

https://blog.csdn.net/helloxiaoliang/article/details/51492250

$(window).scroll(function () {
     //已经滚动到上面的页面高度
    var scrollTop = $(this).scrollTop();
     //页面高度
    var scrollHeight = $(document).height();
      //浏览器窗口高度
    var windowHeight = $(this).height();
     //此处是滚动条到底部时候触发的事件，在这里写要加载的数据，或者是拉动滚动条的操作
     if (scrollTop + windowHeight == scrollHeight) {
　　　　　　　　　　　　console.log(scrollTop);
                    dragThis.insertDom();
      }
});

 

 

https://blog.csdn.net/qq_37415950/article/details/80625391

<script >
    /*第一种*/
    $(function(){
 
        $(window).scroll(function(){
 
            var scrollH = document.documentElement.scrollHeight;
 
            var clientH = document.documentElement.clientHeight;
            if (scrollH == (document.documentElement.scrollTop | document.body.scrollTop) + clientH){
                //加载新数据
 
                alert("加载新数据");
 
            }
        });
 
    });
    /*第二中 */
    //获取当前浏览器中的滚动事件
    $(window).off("scroll").on("scroll", function () {
 
        var scrollHeight = document.documentElement.scrollHeight || document.body.scrollHeight; //获取当前浏览器的滚动条高度
 
        if (scrollHeight <= ($(window).scrollTop() + $(window).height())) { //判断当前浏览器滚动条高度是否已到达浏览器底部，如果到达底部加载下一页数据信息
            $("#loadingImg").css('visibility','visible');
            setTimeout(function () {
 
               
                //模拟ajax
                for(m=0;m<5;m++){
                    $(".order-list").append(appendStr);
                }
                
            },1000)
        }
    });
 
</script>

 

转载于:https://www.cnblogs.com/gavinyyb/p/9986833.html