1. 程式人生 > >移動端上滑載入更多

移動端上滑載入更多

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>