Tarik ke bawah untuk memuat semula pelayar web mudah alih dalam HTML

Apabila anda perlu menurunkan skrin untuk memuat semula halaman untuk mendapatkan kemas kini terkini, anda boleh melakukannya dengan bantuan JavaScript, xhttprequests dan acara sentuh.

Pull-to-refresh ialah pencetus XHR dalam AJAX. Ia menambah data baharu pada elemen yang kita mahu.

Pull-to-refresh boleh dicapai dengan merampas mekanisme menatal JavaScript (seperti iscroll). Twitter menggunakan iscroll untuk melaksanakan pilihan muat semula tarik-turun.

Cara lain ialah mencipta pengendali muat semula untuk komponen overflow:scroll.

Antaramuka yang disediakan boleh memberi gambaran tentang antara muka pengendali −

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&#39;s height is > than content wrapper&#39;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
};

Atas ialah kandungan terperinci Tarik ke bawah untuk memuat semula pelayar web mudah alih dalam HTML. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!