背景
上星期公司要求做一個回收書籍的h5給安卓用，里面有一個功能是回收記錄列表。設計師那邊出的稿子是沒有要求分頁或者是上拉刷新的，但是眾所周知，列表頁數據很多的情況下，h5加載是很慢的。所以我一開始是想用分頁來着，后來想想，誰特么移動端還給分頁的，PC做多了，人都做傻了。於是乎就去網上找找插件咯。。。。不找還好，一找各種五花八門的亂七八糟的jq插件，處於不想讓項目過於臃腫，於是自己理了一下邏輯，不用插件就實現上拉加載更多
不多說，上代碼好了
我來解釋一下這個加載的原理，首先第一個紅色箭頭是回調成功后獲取的數據，默認是回調第一頁的數據（叫后端給接口的時候要分頁），然后把第一頁的數據放到data.recordList里面。重點在第二個箭頭，我利用的是當 屏幕高度 + 網頁被卷去的高 >= 網頁正文全文高 的時候，再次調用getList()，就如第一個箭頭所見，第一次調用getList的時候page=1，成功回調后page++,所以當我第二次調用的時候就是第二頁的內容，把第二頁的內容加到第一頁上，這樣在視覺效果上就形成了一個上拉加載更多的一個樣子。然后當翻到最后一頁的時候，isEnd就會為true,放在頁面最下面的loading.gif就會被除去，再上拉的時候，getList()方法不會進入到ajax里面去獲取數據。