dragloader.js是一个面向移动Web开发的JavaScript库,帮助开发者在使用页面原生滚动时,模拟上/下拉手势,实现Pull Request操作。
在移动设备上,一般会使用 drag down 手势实现加载最新
使用 drag up 手势实现加载更多
dragloader样例需运行在 Smart Phone/Pad 上,扫描二维码:
Note:目前dragloader.js在iOS下运行不是很稳定,上拉操作会有闪跳现象,Android下表现正常。
Boolean : disableDragDown true禁用下拉操作
Boolean : disableDragUp true禁用上拉操作
Number : dragDownThreshold 下拉区域临界值,超过这个值状态将由“default”变为“perpare”,默认80
String : dragUpThreshold 上拉区域临界值,超过这个值状态将由“default”变为“perpare”,默认80
String : dragDownRegionCls 下拉区域样式
String : dragUpRegionCls 上拉区域样式
Function : dragDownHelper( String status ) 下拉区域html更新函数,需要根据不同状态返回html碎片,status取值范围:'default'、'prepare'、'load'
Function : dragUpHepler( String status ) 上拉区域html更新函数,需要根据不同状态返回html碎片,status取值范围:'default'、'prepare'、'load'
Boolean : preventDragHelper 禁用dragHelper,由外部控制dragHelper
Function : beforeDrag() drag开始回调函数,返回false时,本次drag动作将失效
Function : onDragDownDefault() 当下拉区域drag状态更新为'default'时触发
Function : onDragDownPrepare() 当下拉区域drag状态更新为'prepare'时触发
Function : onDragDownLoad() 当下拉区域drag状态更新为'load'时触发
Function : onDragUpDefault() 当上拉区域drag状态更新为'default'时触发
Function : onDragUpPrepare() 当上拉区域drag状态更新为'prepare'时触发
Function : onDragUpLoad() 当上拉区域drag状态更新为'load'时触发
Function : setDragDownDisabled(Boolean disabled) 设置下拉区域禁用状态
Function : setDragUpDisabled(Boolean disabled) 设置上拉区域禁用状态
Function : reset() 重置drag状态。无论何时,必须由业务功能主动调用reset()接口,以还原状态。比如在onDragDownLoad()回调中使用ajax加载数据时,在ajax的回调函数中应当调用reset()重置drag状态。如果不重置,drag操作将失效.