下拉刷新功能 – pulltorefresh.js

[weixin_38108918]

PulltoRefresh.js 一个小巧但功能强大的JavaScript库，致力于增强你的webapp的下拉刷新功能。没有需要的标记，高度自定义，无依赖。 安装 在你的webapp中导入JS文件并初始化它： PullToRefresh.init({ mainElement: 'body', onRefresh: function(){ window.location.reload(); } }); API distTreshold (integer, default: 60 ) 触发刷新的最小距离 distMax (integer, default: 80 ) 元素间可能的最大距离 distReload (integer, default: 50 ) 当disTreshold到达并释放时，元素将会有这个高度 mainElement (string, default: body ) 下拉刷新将在哪个元素之前 triggerElement (string, default: body ) 哪个元素将会触发下拉刷新 ptrElement (string, default: .ptr ) 主元素将会拥有哪个类 classPrefix (string, default: ptr– ) 元素的类前缀 cssProp (string, default: min-height ) 哪个属性将会用来计算元素的比例 iconArrow (string, default: ⇣ ) instructionsPullToRefresh和instructionsReleaseToRefresh的图标 iconRefreshing (string, default: … ) 刷新进行中的图标 instructionsPullToRefresh (string, default: Pull down to refresh ) 初始化指令串 instructionsReleaseToRefresh (string, default: Release to refresh ) distTreshold到达时的指令串 instructionsRefreshing (string, default: Refreshing ) 刷新文本 refreshTimeout (integer, default: 500 ) 以毫秒为单位的onRefresh触发前的延迟 onInit (function) 初始化功能 onRefresh (function) 下拉刷新将会触发什么？你可以返回一个promise。默认返回window.location.reload() resistanceFunction (function) 阻断函数，接受一个参数，必须返回一个数字，上限在1.默认t => Math.min(1, t / 2.5)