移動端上滑載入更多
阿新 • • 發佈:2018-11-20
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>