Bagaimanakah Saya Boleh Mengesan Apabila Pengguna Menatal ke Bahagian Bawah Elemen Bukan Tetingkap?

Mengesan Tatal ke Bahagian Bawah Elemen Bukan Tetingkap

Sistem penomboran, seperti yang digunakan oleh Facebook, memuatkan kandungan tambahan apabila pengguna mendekati bahagian bawah halaman. Untuk mencapai matlamat ini, adalah penting untuk menentukan apabila pengguna telah menatal ke bawah, di luar tetingkap yang kelihatan.

Penyelesaian menggunakan jQuery:

jQuery menyediakan cara yang cekap untuk memantau aktiviti menatal. Dengan menggunakan pengendali acara .scroll() untuk objek tetingkap, anda boleh mewujudkan pendengar yang mencetuskan apabila kedudukan skrol berubah. Kod berikut menunjukkan cara untuk mengesan apabila pengguna telah sampai ke bahagian bawah halaman:

$(window).scroll(function() {
   if($(window).scrollTop() + $(window).height() == $(document).height()) {
       alert("bottom!");
   }
});

Kod ini mengira jarak dari bahagian atas halaman ke kedudukan skrol semasa pengguna ($(tetingkap). scrollTop()) dan menambahkannya pada ketinggian tetingkap yang boleh dilihat ($(window).height()). Jika jumlah ini sama dengan jumlah ketinggian dokumen ($(document).height()), ia menandakan bahawa pengguna telah menatal ke bawah.

Menentukan Kedekatan dengan Bahagian Bawah:

Senario alternatif mungkin untuk mengesan apabila pengguna menghampiri bahagian bawah, dan bukannya mencapainya dengan tepat. Untuk mencapai ini, ubah suai sedikit kod seperti berikut:

$(window).scroll(function() {
   if($(window).scrollTop() + $(window).height() > $(document).height() - 100) {
       alert("near bottom!");
   }
});

Kod ini mencetuskan amaran "dekat bawah" apabila pengguna menatal dalam 100 piksel dari bawah. Laraskan nilai "100" mengikut keperluan untuk menentukan ambang kehampiran yang diingini.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mengesan Apabila Pengguna Menatal ke Bahagian Bawah Elemen Bukan Tetingkap?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!