手機h5 滑動 下一頁

<script type="text/javascript"> 
 
      $(function () {
              var all = 10;  //背景傳回總頁面
              var pageNum = 1;//定義初始頁面
              var pageSize = 10;  // 每頁顯示的個數
              var close = true;  // 因為ajax是異步請求，是以設定一個boolean類型，将ajax控制為同步請求
              $(window).scroll(function() {
                  var scrollTop = $(this).scrollTop();      //計算已經卷進去滾動條的的高度
                  var scrollHeight = $(document).height();  //目前頁面的總高度
                  var windowHeight = $(this).height();      //目前window也就是浏覽器的高度
                  if(parseInt(scrollTop) + parseInt(windowHeight) == parseInt(scrollHeight)) {
                      // 如果class為true 并且目前頁數小于或等于總頁數
                      if (close && pageNum <= all) {
                          pageNum += 1;
                          //将close改為false，無法在請求背景
                          close = false;
                          $.ajax({
                              url:'',   // 請求位址
                              data:{
                                  pageNum:pageNum,
                                  pageSize:pageSize
                              },
                              type:"post",
                              dataType:'html',
                              success:function (res) {
                                  // 根據id或class 将傳回的頁面拼接到頁面
                                  $('.list').append(res);
                                  // 請求成功後将close改回true
                                  close = true;
                              }
                          });
                      } else {
                          return false;
                      }
                  }
              });
          });

</script>