Pull-to-refresh has become a standard UI pattern to refresh lists in mobile applications, and there is no reason not to use it in PhoneGap / Cordova applications.
A first option is to use iScroll, which has pull-to-refresh built-in. That’s a great option for older OS versions or platforms that do not support touch-based scrolling natively.
But on platforms that support it (with -webkit-overflow-scrolling: touch), you don’t want to give up the benefits of native scrolling just to implement pull-to-refresh.
Damien Antipa, a colleague at Adobe, wrote a nice library showing how to implement pull-to-refresh with native scrolling.
I recently used it in a PhoneGap application built with the Topcoat CSS toolkit. Damien’s library worked great as-is, but I changed a few styles and assets to match the Topcoat look.
You can see the result here:
The source code for this example is available here.
Damien’s orginal library is here.