minirefreshonline = new MiniRefresh({
container: '#minirefreshonline',
down: {
isAuto: true,
isWrapCssTranslate: true,
// isAutoResetUpLoading: false,
callback: function() {
minirefreshonline.endUpLoading(false);
getDataCounts();
pageNo = 1;
setTimeout(function() {
query(pageNo, true);
pageNo=2;
minirefreshonline.endDownLoading(true);
}, 500);
}
},
up: {
isAuto: false,
loadFull:{
isEnable:false
// delay:1000
},
callback: function() {
if (pageNo > totalPageSize) {
minirefreshonline.endUpLoading(true);
} else {
setTimeout(function() {
query(pageNo, false);
pageNo++;
}, 200);
}
}
}
});
是一个优雅的H5下拉刷新。零依赖,高性能,多主题,易拓展。 特点 零依赖(原生JS实现,不依赖于任何库) 多平台支持。一套代码,多端运行,
使用方法官网:
http://www.minirefresh.com/minirefresh-doc/api/api_minirefresh.html
这里说明一下: query 是我的分页查询,
isAutoResetUpLoading 这个参数 官方解释:是否每次下拉完毕后默认重置上拉,为false时下拉刷新后不会自动重置上拉状态。
但是有一个问题,就是最开始我使用为true ,是可以正常的up,但是一旦minirefreshonline.endDownLoading(true); 就不能再up,所以使用默认,这时候它会自动up,失去了上滑查询的意义,后来找到loadFull 这个参数,默认是true,官方解释:自动加载满屏相关配置
这时候把它设置成false ,让它不自动一直上滑。