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

Mengesan Tatal ke Bahagian Bawah Div Menggunakan jQuery

Apabila bekerja dengan kandungan ketinggian berubah-ubah dalam div dengan limpahan automatik, menentukan apabila pengguna mencapai bahagian bawah div boleh menjadi satu cabaran. Artikel ini menyediakan penyelesaian menggunakan jQuery untuk mengesan acara ini.

Memahami Dimensi Div

Untuk mengesan apabila pengguna menatal ke bahagian bawah div, adalah penting untuk memahami sifat dan kaedah yang dikaitkan dengan dimensi div.

• scrollTop(): Mengembalikan bilangan piksel kandungan telah ditatal ke bawah secara menegak.
• innerHeight(): Mengembalikan ketinggian dalaman div, tidak termasuk bar skrol dan sempadan.
• scrollHeight: Mengembalikan jumlah ketinggian kandungan div, termasuk kandungan tersembunyi.

Mengesan Acara Tatal Bawah

Kod jQuery berikut boleh mengesan apabila pengguna telah mencapai bahagian bawah div:

jQuery(function($) {
    $('#flux').on('scroll', function() {
        if($(this).scrollTop() + $(this).innerHeight() >= $(this)[0].scrollHeight) {
            alert('end reached');
        }
    })
});

Penjelasan Kod

• $(#flux): Memilih div dengan ID "fluks."
• dihidupkan ('scroll'): Mengikat acara tatal ke div.

• if($(this).scrollTop() $(this).innerHeight() >= $(this)[0].scrollHeight):

  • Menyemak sama ada jumlah kedudukan skrol semasa dan ketinggian dalam adalah lebih besar daripada atau sama dengan jumlah ketinggian kandungan.
  • Jika benar, syarat ini menunjukkan bahawa pengguna telah menatal ke atau melebihi bahagian bawah div.
• alert('end reach'): Memaparkan mesej amaran apabila tamat kandungan dicapai.

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