mkPullFresh: Pull to refresh jQuery plugin for mobile and desktop

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: http://mkant.ru/mink-js/mk-pullfresh/

Plugin homepage: http://mkant.ru/mink-js/mk-pullfresh/

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:

maxShiftIntegerDefault : 100 – maximum offset in pixels to pull element down
readyShiftIntegerDefault : 50 – offset in pixels to be ready for refresh
pendingShiftIntegerDefault : 50 – offset in pixels in pending state
refreshFunctionDefault : null – Callback function
indicatorHtmlStringDefault :  – Html code of pull-to-refresh indicator
emitEventsBooleanDefault : false – if true, will emit following events on puller

Methods

destroyFunctionReturns : undefined – destroys the plugin instance
getFunctionReturns : mkPullFresh – returns plugin instance on current element

Screenshots

pulling state
pending state
pulling state with content offset

How a Loop Through a JavaScript Object?

How a Loop through a JavaScript object?Javascript Objects are Variables Containing Variables.In Java…

How to Search Item in List in JavaScript

Multi Step Form Using HTML and JavaScript

Form is the important part in web design. Form is the primary interface to the user by which user is…

How to Create Custom CSS, jQuery Autocomplete Plugin

Web developers often use autocomplete features in websites as a part of their work. Yet lot of good …

How to Make Sticky Sidebar Using jQuery and CSS

Sticky sidebar is an essential part of web development. Not in all cases but for some cases where ou…

Selectors, Animation, and AJAX – jQuery Tutorial And Examples

By now I’m sure you have grasped at least the basics and simplicity of the jQuery library. Now it’s …