插件描述：优雅的H5 下拉刷新。零依赖，高性能，多主题，易拓展。
更新时间：2017/12/11 下午1:34:13
更新说明：
优化内部代码，去除无用文件
增加快捷去除滚动条的配置项
minirefresh
特点
零依赖（原生JS实现，不依赖于任何库）
多平台支持。一套代码，多端运行，支持Android，iOS，主流浏览器
丰富的主题，官方提供多种主题（包括默认，applet-仿小程序，drawer3d-3d抽屉效果，taobao-仿淘宝等）
高性能。动画采用css3+硬件加速，在主流手机上流畅运行
良好的兼容性。支持和各种Scroll的嵌套（包括mui-scroll,IScroll,Swipe等），支持Vue环境下的使用
易拓展，三层架构，专门抽取UI层面，方便实现各种的主题，实现一套主题非常方便，而且几乎可以实现任何的效果
优雅的API和源码，API设计科学，简单，源码严谨，所有源码通过ESlint检测
完善的文档与示例，提供完善的showcase，以及文档
使用方法
引入
1 2 | <link rel="stylesheet" href="xxx/minirefresh.css" /><script type="text/javascript" src="xxx/minirefresh.js"></script> |
require引入
1 2 3 | // 同时支持NPM与文件形式引入var MiniRefreshTools = require('xxx/minirefresh.js');require('xxx/minirefresh.css'); |
import引入
1 2 3 | // debug下是.js dist下是.min.jsimport MiniRefreshTools from 'minirefresh';import 'minirefresh/dist/debug/minirefresh.css' |
页面布局
1 2 3 4 5 | <!-- minirefresh开头的class请勿修改 --><div id="minirefresh" class="minirefresh-wrap"> <div class="minirefresh-scroll"> </div></div> |
初始化
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | // 引入任何一个主题后，都会有一个 MiniRefresh 全局变量var miniRefresh = new MiniRefresh({ container: '#minirefresh', down: { callback: function() { // 下拉事件 } }, up: { callback: function() { // 上拉事件 } }}); |
结束刷新
1 2 | // 结束下拉刷新miniRefresh.endDownLoading(); |
1 2 3 | // 结束上拉加载// 参数为true代表没有更多数据，否则接下来可以继续加载miniRefresh.endUpLoading(true); |
特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com
- 上一个特效： jQuery提示框插件myAlert
- 下一个特效： pc端多种格式时间选择控件