What Is Pull To Refresh
Pull To Refresh (also known as Swipe To Refresh) has been implemented in most mobile apps over the years.
This UI pattern enables readers to refresh the contents of the screen by dragging the screen downward (pull down) and then releasing it.
It provides a great user experience for your readers, allowing them to retrieve fresh data into the current view without having to refresh & reload the entire webpage or app.
The Best Pull To Refresh Plugins
The easiest way to implement Pull To Refresh functionality on your web app is to use a JavaScript plugin.
Here’re the 5 best jQuery and Vanilla JavaScript pull to refresh libraries that provide a fast and convenient way to load more data or retrieve fresh data in your app by pulling down. Enjoy.
Click the Demo link to see how the plugin works. And click the Download link for complete usage and implement details.
1. Pull to Refresh jQuery Plugin For Web – xpull
xpull is one of the pull to refresh plugins for the web. Difference is that this one is lightweight, extremely easy to use and optimized for both Android (mobile Chrome browser) and iOS (mobile safari).
2. Pull To Refresh Library With Pure JavaScript – Pull.js
A tiny and zero-dependency JavaScript library that provides pull to refresh & pull to load functionality for your mobile webpages.
3. Customizable Pull To Refresh Indicator With jQuery – ptrLight
ptrLight is a mobile-first jQuery plugin which displays a custom loading indicator when you load more content via swipe events on touch devices.
4. jQuery Plugin For Pull To Refresh Web Page – pull2refresh.js
pull2refresh.js is a jQuery plugin that provides pull to refresh functionality for web pages, as you seen in most mobile APPs.
5. Easy Pull To Refresh Library With Pure JavaScript – pulltorefresh.js
A lightweight, customizable JavaScript library that adds the pull to refresh (swipe to refresh) functionality to your webpages using pure JavaScript.
