Skip to content

dragloader.js是一个面向移动Web开发的JavaScript库,帮助开发者在使用页面原生滚动时,模拟上/下拉手势,实现Pull to Request操作。

License

Notifications You must be signed in to change notification settings

lizhil/dragloader

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

dragloader.js

dragloader.js是一个面向移动Web开发的JavaScript库,帮助开发者在使用页面原生滚动时,模拟上/下拉手势,实现Pull Request操作。

在移动设备上,一般会使用 drag down 手势实现加载最新

dragdown

使用 drag up 手势实现加载更多

dragup

dragloader样例需运行在 Smart Phone/Pad 上,扫描二维码:

dragloader.js demo

Note:目前dragloader.js在iOS下运行不是很稳定,上拉操作会有闪跳现象,Android下表现正常。

Options

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'时触发

Methods

Function : setDragDownDisabled(Boolean disabled) 设置下拉区域禁用状态

Function : setDragUpDisabled(Boolean disabled) 设置上拉区域禁用状态

Function : reset() 重置drag状态。无论何时,必须由业务功能主动调用reset()接口,以还原状态。比如在onDragDownLoad()回调中使用ajax加载数据时,在ajax的回调函数中应当调用reset()重置drag状态。如果不重置,drag操作将失效.

About

dragloader.js是一个面向移动Web开发的JavaScript库,帮助开发者在使用页面原生滚动时,模拟上/下拉手势,实现Pull to Request操作。

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 78.6%
  • HTML 21.4%