Pull To Refresh For Mobile And Desktop For The Web

Pull-to-reload is a pull-to-refresh implementation for the web. Designed to work with both mobile and desktop devices. It fits well in web applications or single-page applications (SPAs). formality to the seventh degree.

pull to refresh library android, pull to refresh in javascript, pull to refresh npm, pull to refresh pure javascript

Simple And Lightweight “back to top” Vue.js Component

How to make use of it:

Install it via NPM:

$ npm install pull-to-reload

1. Create the updated items and content as follows:

<div id="ptr">
  ...
</div>

<div id="content">
  ...
</div>

2. Start the pull-to-reload.js process.

document.addEventListener("DOMContentLoaded", function() {
  ptr = new PullToReload();
});

3. Possible options with default values.

document.addEventListener("DOMContentLoaded", function() {
  ptr = new PullToReload({
        'refresh-element': 'ptr', // Required
        'content-element': 'content', // Required
        'border-height': 1,
        'height': 80,
        'font-size': '30px',
        'threshold': 20,
        'pre-content': '...',
        'loading-content': 'Loading...',
        'callback-loading': function () {
          setTimeout(function () {
            self.loadingEnd();
          }, 1000);
        } // Required
  });
});

Pull To Refresh Library For Mobile And Desktop, pull-to-reload Plugin/Github