pull-to-refresh.js
This plugin enables a pull-to-refresh functionality in mobile safari for scrollable block elements with native scrolling on iOS (!)
Just create this markup
<div class="scrollable">
<div class="wrap">
<!-- Your content here -->
</div>
</div>
and enable the plugin through passing a callback which returns a promise e.g.
$('.scrollable').pullToRefresh({
callback: function() {
var def = $.Deferred();
setTimeout(function() {
def.resolve();
}, 3000);
return def.promise();
}
});
Don't forget to include jquery.plugin.pullToRefresh.js and pull-to-refresh.css
Works for iOS5 and newer.