जब स्क्रीन को नीचे खींचकर पेज को रिफ्रेश करने और नवीनतम अपडेट प्राप्त करने की आवश्यकता होती है, तो इसे JavaScript, xhttprequests और फिर टच इवेंट की मदद से किया जा सकता है।
पुल रिफ्रेश AJAX में XHR के लिए एक ट्रिगर है। यह उस एलिमेंट में नया डेटा जोड़ता है जिसे हम चाहते हैं।
पुल रिफ्रेश को iScroll जैसे हाईजैक्ड JavaScript स्क्रॉलिंग मैकेनिज्म की मदद से लागू किया जा सकता है। ट्विटर पुल रिफ्रेश विकल्प के लिए iScroll का उपयोग कर रहा है।
दूसरा तरीका overflow:scroll कंपोनेंट्स के लिए एक रिफ्रेश हैंडलर बनाना है।
इंटरफेस हैंडलर इंटरफेस के बारे में एक विचार दे सकता है:
var PullToRefresh= function(callback, wrapper, instructionsText) { //यह DOM एलिमेंट बनाता है और उन्हें कंटेंट रैपर से पहले जोड़ता है // <div class="mainWrapper" style="overflow: scroll; height: 600px;"> <div class="pullToReloadWrapper"></div><div class = "contentWrapper"></div> </div> मार्कअप है। // यदि मुख्य रैपर की ऊंचाई कंटेंट रैपर की ऊंचाई से अधिक है तो मुख्य रैपर की ऊंचाई को कंटेंट रैपर की ऊंचाई के बराबर बदलें। // मुख्य रैपर को स्क्रॉल करें। // इवेंट्स को इनिशियलाइज़ करने के लिए initializeEvents() को इनवोक करें };
