移动端下拉刷新插件mescroll

// 官网:http://www.mescroll.com/api.html
// 基本使用:
// 创建MeScroll对象
    var mescroll = new MeScroll("area", {
        up: {
            auto: true, //是否在初始化时以上拉加载的方式自动加载第一页数据; 默认false
            isBounce: 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
发布了7 篇原创文章 · 获赞 1 · 访问量 2695

猜你喜欢

转载自blog.csdn.net/RogerWang_H5/article/details/87882603