Bagaimana untuk Mengesan Apabila Pengguna Mencapai Bahagian Bawah Halaman Web?

Mengenal pasti Kedudukan Tatal dalam Tetingkap Penyemak Imbas

Mengesan sama ada pengguna telah sampai ke bahagian bawah halaman web adalah penting dalam meningkatkan pengalaman pengguna, terutamanya apabila menambah kandungan baharu secara dinamik. Untuk mewujudkan kefungsian ini, pertimbangkan langkah berikut:

Pelaksanaan JavaScript

Gunakan pendengar acara window.onscroll untuk memantau kedudukan skrol penyemak imbas. Dalam pendengar ini, tentukan sama ada pengguna telah sampai ke bahagian bawah halaman menggunakan formula berikut:

(window.innerHeight + Math.round(window.scrollY)) >= document.body.offsetHeight

di mana window.innerHeight mewakili ketinggian port pandangan penyemak imbas, window.scrollY menunjukkan piksel yang ditatal secara menegak dan dokumen .body.offsetHeight menyediakan jumlah ketinggian boleh tatal bagi halaman.

Demonstrasi

Coretan kod yang disediakan memberikan demonstrasi teknik ini:

window.onscroll = function(ev) {
    if ((window.innerHeight + Math.round(window.scrollY)) >= document.body.offsetHeight) {
        // User has reached the bottom of the page
    }
};

Dengan memasukkan kod ini ke dalam aplikasi web anda, anda boleh menentukan dengan berkesan sama ada pengguna telah menatal ke bahagian bawah halaman. Ini membolehkan anda melaraskan gelagat halaman anda, seperti menatal pengguna secara automatik ke kandungan baharu atau memaparkan kandungan tambahan apabila sampai ke penghujung halaman.

Atas ialah kandungan terperinci Bagaimana untuk Mengesan Apabila Pengguna Mencapai Bahagian Bawah Halaman Web?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!