h5下拉刷新和上拉加载插件mescroll

// 官网:http://www.mescroll.com/api.html
// 基本使用:
// 创建MeScroll对象var mescroll = new MeScroll("area", {up: {auto: true, //是否在初始化时以上拉加载的方式自动加载第一页数据; 默认falseisBounce: false, //此处禁止ios回弹,callback: upCallback, //上拉回调,此处可简写; 相当于 callback: function (page) { upCallback(page); }empty: { warpId : 'latestitemWrap' , tip : "暂无相关数据" , supportTap : false },clearEmptyId: "itemWrap",  //1.下拉刷新时会自动先清空此列表,再加入数据; 2.无任何数据时会在此列表自动提示空loadFull: {   //数据撑不满高度的时候自动加载下一页use : true, delay : 0 }},});重置列表数据:
mescroll.resetUpScroll();   //可用于搜索时按最新条件重新加载列表
锁定下拉刷新:
mescroll.lockDownScroll(true)
根据总页数判断加载状态:
mescroll.endByPage(currLength, totalPage); //必传参数(当前页的数据个数, 总页数)
根据总条数判断加载状态:
mescroll.endByPage(currLength, totalSize); //必传参数(当前页的数据个数, 总个数)
获取数据失败之后锁定上拉和下拉:
mescroll.endErr();
注意点:
下拉刷新是清空数据重新加载首页的话,下拉函数down就不用定义了,up里面会自动加载首页
渲染数据要放在判断加载状态的后面,不然会清空第一页数据再加载
改变page.size和page.num (默认10,1)
在upCallback函数里面定义新变量pageNo = page.num -1 或 pageSize = page.size+10

 


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部