使用mescroll來實現移動端頁面上拉刷新， 下拉加載更多功能

* mescroll請參考官方文檔

1. 使用mescroll實現下拉滑動的效果： （僅僅效果， 有的頁面不需要刷新數據， 只要你能下拉就行）

代碼如下：

var mescroll = new MeScroll('mescroll', {
                
                up: {
                    use: false // 不配置上拉
                },
                down: {
                    auto: false, 
                    htmlContent: ' ', // 下拉內容設為空
                    callback: function(ms) {
                        console.log('down');
                        ms.endByPage(0, 0); // mescroll.endError() 效果一樣//回掉為空， 結束頁為空
                    }
                }
                
            });

 

2. 案列2： 使用上拉刷新功能， 下拉只提供效果

　　　　　　　　　　　　var mescroll = new MeScroll('mescroll', {
				
				up: {
					noMoreSize: 1,
					htmlLoading: '<p class="upwarp-progress mescroll-rotate"></p><p class="upwarp-tip">加載中..</p>',
					htmlNodata: '<p class="upwarp-nodata">-- 沒有數據啦 --</p>',
					callback: function(page, ms) {
						
						console.log('up');
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　// 業務代碼部分
						$scope.search($scope.condition, ms);
					}
				},
				down: { 
					auto: false,
					htmlContent: ' ',
					callback: function(ms) {
						console.log('down');
						mescroll.endErr(); // 使用endError把下拉的效果關閉（內容回到原位）， mescroll內部會自動恢復原來的頁碼,時間等變量
					}
				}
				
			});

　　3.  使用上拉加載， 下拉重置刷新的功能：

        var mescroll = new MeScroll('mescroll', {
				up: {// 只需要配置上拉刷新部分， mescrol會默認開啟下拉刷新，並重置當前頁為第一頁，然后調用up.callback()
					noMoreSize: 1,
					htmlLoading: '<p class="upwarp-progress mescroll-rotate"></p><p class="upwarp-tip">加載中..</p>',
					htmlNodata: '<p class="upwarp-nodata">-- 沒有數據啦 --</p>',
					page: { // 要使用它提供的分頁參數， 把分頁功能托管給他
						num : 0,
						size : $scope.pageInfos.size, 
						time: null
					},
					callback: function(page, ms) { // 獲取回掉里的分頁和mescroll實例
						$scope.loadUncommitIssues(page, ms); // 傳遞分頁對象和mescroll實例，進行業務代碼操作
					}
				}
			});