手機端H5上滑加載下一頁

pc端分頁，大多是點擊頁碼或者下一頁來翻頁，這種方式不適合移動端。移動端手指滑動操作方便，就產生了上滑下載分頁的交互模式，本文介紹這種方法的實現。

思路：綁定頁面滾動事件->監聽頁面滑動底部->ajax請求下一頁數據->組裝dom插入頁面。

主要功能代碼：

監聽滑動事件，判斷如果滑動底部觸發請求下一頁面方法。

$(window).scroll(function () {
     //已經滾動到上面的頁面高度
    var scrollTop = $(this).scrollTop();
     //頁面高度
    var scrollHeight = $(document).height();
      //瀏覽器窗口高度
    var windowHeight = $(this).height();
     //此處是滾動條到底部時候觸發的事件，在這里寫要加載的數據，或者是拉動滾動條的操作
     if (scrollTop + windowHeight == scrollHeight) {
                    dragThis.insertDom();
      }
});

具體代碼和示例前往github。