Pull to refresh jQuery plugin for mobile and desktop devices with CSS animation. Extremely simple usage. Asynchronous stop. Fully customizable. Material design included.
Download: https://github.com/m-kant/mk-pullfresh
Demonstration: Pull To Refresh jQuery plugin mkPullFresh (mkant.ru)
Plugin homepage: Pull To Refresh jQuery plugin mkPullFresh (mkant.ru)
Implementation:
$('.pulled').mkPullFresh([refresh][,options]);refresh – is a callback with only argument ‘end’ – a function, you need to call to stop pending state of plugin
options – is a javascript object
Options:
| maxShift | Integer | Default : 100 – maximum offset in pixels to pull element down |
| readyShift | Integer | Default : 50 – offset in pixels to be ready for refresh |
| pendingShift | Integer | Default : 50 – offset in pixels in pending state |
| refresh | Function | Default : null – Callback function |
| indicatorHtml | String | Default : ” – Html code of pull-to-refresh indicator |
| emitEvents | Boolean | Default : false – if true, will emit following events on puller |
Methods:
| destroy | Function | Returns : undefined – destroys the plugin instance |
| get | Function | Returns : mkPullFresh – returns plugin instance on current element |
Screenshots
