Sistem penomboran seperti yang digunakan oleh platform media sosial memerlukan cara untuk mengesan apabila pengguna mencapai penghujung kandungan. Artikel ini menangani persoalan tentang cara menentukan apabila pengguna telah menatal ke bahagian bawah halaman, bukan hanya tetingkap.
jQuery menawarkan penyelesaian yang elegan untuk masalah ini. Dengan memanfaatkan peristiwa .scroll() pada tetingkap, pembangun boleh menangkap detik apabila pengguna menghampiri bahagian bawah halaman. Di bawah ialah contoh pendekatan ini:
$(window).scroll(function() { if($(window).scrollTop() + $(window).height() == $(document).height()) { alert("bottom!"); } });
Skrip ini mengira jumlah kedudukan atas tatal tetingkap dan ketinggiannya, yang mewakili had bawah kandungan yang boleh dilihat. Dengan membandingkan jumlah ini dengan ketinggian keseluruhan dokumen, kod mengenal pasti apabila pengguna telah sampai ke bahagian bawah halaman.
Untuk menyemak sama ada pengguna berada hampir ke bahagian bawah dan bukannya terus di hujung, pelarasan boleh dibuat seperti berikut:
$(window).scroll(function() { if($(window).scrollTop() + $(window).height() > $(document).height() - 100) { alert("near bottom!"); } });
Dengan menggantikan operator kesamarataan (==) dengan operator yang lebih besar daripada (>) dan menolak ambang (cth., 100 piksel) dari ketinggian dokumen, kod tersebut mencetuskan amaran apabila pengguna menatal dalam jarak tertentu dari bawah. Ini membolehkan lebih fleksibiliti dalam menentukan masa yang sesuai untuk memuatkan kandungan tambahan.
Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mengesan Apabila Pengguna Menatal ke Bahagian Bawah Halaman Menggunakan jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!