ดึงลงเพื่อรีเฟรชเว็บเบราว์เซอร์มือถือในรูปแบบ HTML

เมื่อมีข้อกำหนดในการดึงหน้าจอลงมาเพื่อรีเฟรชหน้าเว็บเพื่อรับการอัปเดตล่าสุด สามารถทำได้โดยใช้ JavaScript, xhttprequests และแตะเหตุการณ์

ดึงรีเฟรชเป็นตัวกระตุ้น XHR ใน AJAX โดยจะเพิ่มข้อมูลใหม่ให้กับองค์ประกอบที่เราต้องการ

ดึงรีเฟรชสามารถใช้งานได้ด้วยความช่วยเหลือของกลไกการเลื่อน JavaScript ที่ถูกแย่งชิง เช่น iscroll Twitter กำลังใช้ 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
};