Rumah > hujung hadapan web > html tutorial > Tarik ke bawah untuk memuat semula pelayar web mudah alih dalam HTML

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

PHPz
Lepaskan: 2023-09-06 08:01:11
ke hadapan
1251 orang telah melayarinya

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
};
Salin selepas log masuk

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!

sumber:tutorialspoint.com
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan