Memasang Javascript Pull To Refresh - pull-to-reload.js

Demo Download

Rajakode.com - pull-to-reload.js adalah sebuah Javascript ringan yang berfungsi untuk mengaktifkan fitur pull to refresh (swipe to refresh/pull to reload) di mobile dan desktop.

Cara Memasang pull-to-reload.js

1. Upload dan taruh Javascript ke pull-to-reload.js website Kamu.

<script src="dist/pull-to-reload.js"></script>

2. Buat sebuah elemen untuk refresh dan content.

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

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

3. Aktifkan kode pull-to-reload.js dan selesai.

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

4. Option yang bisa kamu sesuaikan. 

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
  });
});