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'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 };
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!