Pull to refresh javascript

To implement pull to refresh functionality in your website follow the below steps:

1. add script reference in your layout (https://www.cssscript.com/demo/easy-pull-to-refresh-library-with-pure-javascript-pulltorefresh-js/pulltorefresh.js)
2. add below style in the layout (<style>.ptr--ptr { box-shadow: inset 0 -3px 5px rgba(0, 0, 0, 0.12); pointer-events: none; font-size: 0.85em; font-weight: bold; top: 0; height: 0; transition: height 0.3s, min-height 0.3s; text-align: center; width: 100%; overflow: hidden; display: flex; align-items: flex-end; align-content: stretch; } .ptr--box { padding: 10px; flex-basis: 100%; } .ptr--pull { transition: none; } .ptr--text { margin-top: .33em; color: rgba(0, 0, 0, 0.3); } .ptr--icon { color: rgba(0, 0, 0, 0.3); transition: transform .3s; } .ptr--release .ptr--icon { transform: rotate(180deg); }</style>)
3. add below code in the layout under script tag ( PullToRefresh.init({  mainElement: '#main'})