H5Refresh

功能描述

H5Refresh是基于原生js的轻量级下拉刷新和上拉加载框架,仅19kb

依赖插件

快速使用

//创建MeScroll对象
var mescroll = new MeScroll("mescroll", {
    down: {
        auto: false, //是否在初始化完毕之后自动执行下拉回调callback; 默认true
        callback: downCallback //下拉刷新的回调
    },
    up: {
        auto: true, //是否在初始化时以上拉加载的方式自动加载第一页数据; 默认false
        isBounce: false, //此处禁止ios回弹,解析(务必认真阅读,特别是最后一点): http://www.mescroll.com/qa.html#q10
        callback: upCallback, //上拉回调,此处可简写; 相当于 callback: function (page) { upCallback(page); }
        toTop: { //配置回到顶部按钮
            src: "./img/mescroll-totop.png", //默认滚动到1000px显示,可配置offset修改
            //offset : 1000
        }
    }
});

配置项

down

  • 类型:Object
  • 默认值:null
  • 作用:下拉刷新配置
  • 是否必传:是

up

  • 类型:Object
  • 默认值:null
  • 作用:上拉加载配置
  • 是否必传:否

方法

加载成功

mescroll.endSuccess(10)

加载失败

mescroll.endErr()

特别说明

更多配置和用法,请参考mescroll

是否仍需要帮助? 请保持联络!
最后更新于 2024/04/24