H5Refresh

功能描述

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

依赖模块

快速使用

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

配置项

down

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

    up

  • 类型:Object

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

方法

加载成功

  1. mescroll.endSuccess(10)

加载失败

  1. mescroll.endErr()

特别说明

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