যখন সর্বশেষ আপডেট পেতে পৃষ্ঠাটি রিফ্রেশ করার জন্য স্ক্রীন টানানোর প্রয়োজন হয়, তখন এটি JavaScript, xhttprequests এবং তারপর স্পর্শ ইভেন্টগুলির সাহায্যে করা যেতে পারে।
পুল রিফ্রেশ হল AJAX-এ XHR-এর একটি ট্রিগার। এটি আমাদের পছন্দের উপাদানে নতুন ডেটা যোগ করে।
ইসক্রোলের মতো হাইজ্যাক করা জাভাস্ক্রিপ্ট স্ক্রোলিং পদ্ধতির সাহায্যে পুল রিফ্রেশ প্রয়োগ করা যেতে পারে। টুইটার রিফ্রেশ অপশন টানতে আইস্ক্রোল ব্যবহার করছে।
আরেকটি উপায় হল ওভারফ্লো-এর জন্য একটি রিফ্রেশ হ্যান্ডলার তৈরি করা :স্ক্রোল উপাদান।
প্রদত্ত ইন্টারফেস হ্যান্ডলার ইন্টারফেস সম্পর্কে ধারণা দিতে পারে −
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
}; 