Rumah > hujung hadapan web > tutorial js > Bagaimanakah Saya Boleh Mengesan Apabila Pengguna Menatal ke Bahagian Bawah Halaman Menggunakan jQuery?

Bagaimanakah Saya Boleh Mengesan Apabila Pengguna Menatal ke Bahagian Bawah Halaman Menggunakan jQuery?

Mary-Kate Olsen
Lepaskan: 2024-12-08 05:22:10
asal
598 orang telah melayarinya

How Can I Detect When a User Scrolls to the Bottom of a Page Using jQuery?

Memantau Kedudukan Tatal Pengguna untuk Tatal Tak Terhingga

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

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

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!

sumber:php.cn
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
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan