Rumah >hujung hadapan web >tutorial js >Bagaimana untuk Mengesan Apabila Pengguna Telah Tatal ke Bahagian Bawah Div dalam jQuery?

Bagaimana untuk Mengesan Apabila Pengguna Telah Tatal ke Bahagian Bawah Div dalam jQuery?

Patricia Arquette
Patricia Arquetteasal
2024-10-29 03:30:29928semak imbas

How to Detect When a User Has Scrolled to the Bottom of a Div in jQuery?

Mengesan Penghujung Kandungan Div Menggunakan jQuery

Soalan:

Dalam elemen div dengan kandungan melimpah dan limpahan automatik, bagaimanakah kita boleh mengesan apabila pengguna telah menatal ke bahagian bawah div menggunakan jQuery?

Kod jQuery untuk Pengesanan Tatal Bawah:

<code class="jQuery">jQuery(function($) {
    $('#flux').on('scroll', function() {
        if($(this).scrollTop() + $(this).innerHeight() >= $(this)[0].scrollHeight) {
            // Event triggered when the end of the div is reached
            // Perform desired actions here
        }
    })
});</code>

Penjelasan :

  • Menggunakan scrollTop() untuk menentukan sejauh mana pengguna telah menatal dalam div.
  • Menambah innerHeight() untuk mengambil kira bahagian yang boleh dilihat div.
  • Membandingkan jumlah dengan scrollHeight (ketinggian kandungan di dalam div) untuk mengesan apabila pengguna telah mencapai bahagian bawah.

Pendekatan ini menyediakan cara yang boleh dipercayai untuk mencetuskan peristiwa apabila pengguna menatal ke penghujung div tertentu, membenarkan pemuatan kandungan dinamik atau sebarang fungsi lain yang dikehendaki.

Atas ialah kandungan terperinci Bagaimana untuk Mengesan Apabila Pengguna Telah Tatal ke Bahagian Bawah Div dalam jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
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