जब नवीनतम अपडेट प्राप्त करने के लिए पृष्ठ को रीफ्रेश करने के लिए स्क्रीन को नीचे खींचने की आवश्यकता होती है, तो यह जावास्क्रिप्ट, xhttprequests और फिर ईवेंट को स्पर्श करके किया जा सकता है।
पुल रिफ्रेश AJAX में XHR के लिए एक ट्रिगर है। यह हमारे इच्छित तत्व में नया डेटा जोड़ता है।
पुल रिफ्रेश को अपहृत जावास्क्रिप्ट स्क्रॉलिंग मैकेनिज्म जैसे iscroll की मदद से लागू किया जा सकता है। ताज़ा विकल्प खींचने के लिए ट्विटर iscroll का उपयोग कर रहा है।
अतिप्रवाह . के लिए एक ताज़ा हैंडलर बनाने का दूसरा तरीका है :स्क्रॉल करें घटक।
प्रदान किया गया इंटरफ़ेस हैंडलर इंटरफ़ेस के बारे में एक विचार दे सकता है -
var PullToRefresh= function(callback, wrapper, instructionsText) {
//It creates dom elements and append them before content wrapper
// <div class="mainWrapper" style="overflow: scroll; height: 600px;">
<div class="pullToReloadWrapper"></div><div class = "contentWrapper"></div>
</div> is the markup.
// if main wrapper's height is > than content wrapper's
height, then change the main wrapper height to be the height of the content wrapper.
// scroll main wrapper.
// invoke initializeEvents() to inititalize the events
};