periksa jQuery jika div ditatal ke akhir

Coretan kod jQuery ringkas ini digunakan untuk mengesan sama ada skrol pengguna ke bahagian bawah elemen Div dan mencetuskan peristiwa. Ini berguna untuk mengetahui sama ada pengguna skrol ke bahagian bawah (limpahan: tatal), sebagai contoh, untuk memeriksa sama ada pengguna telah membaca terma dan syarat dalam borang pendaftaran.

$(document).ready(function(){
    $('div').bind('scroll', chk_scroll);
});

function chk_scroll(e){
    var elem = $(e.currentTarget);
    if (elem[0].scrollHeight - elem.scrollTop() == elem.outerHeight()){
        console.log("已滚动到底部");
    }
}

Kaedah lain:

// scrollTop 指的是滚动条的顶部位置，等于 scrollHeight - offsetHeight
if (obj.scrollTop == (obj.scrollHeight - obj.offsetHeight)) { }

Soalan Lazim Berkaitan Skrol JQuery (Soalan Lazim)

Bagaimana menggunakan jQuery untuk mengesan jika pengguna skrol ke bahagian bawah elemen Div?

Gunakan jQuery untuk mengesan sama ada skrol pengguna ke bahagian bawah elemen div, anda boleh menggunakan acara

dengan atribut scroll, scrollTop. scrollHeight kebakaran peristiwa apabila pengguna menatal elemen Div. scroll Atribut Mengembalikan bilangan piksel di mana kandungan elemen skrol ke atas. scrollTop Atribut mengembalikan ketinggian keseluruhan elemen dalam piksel, termasuk margin dalaman, tetapi bukan sempadan, bar skrol, atau margin. Dengan membandingkan kedua -dua sifat ini, anda boleh menentukan sama ada pengguna telah menatal ke bahagian bawah elemen Div. scrollHeight Apakah perbezaan antara

dan

dalam scrollTop? scrollHeight

dalam jQuery,

dan scrollTop adalah dua sifat yang memberikan maklumat mengenai kedudukan tatal dan ketinggian elemen. scrollHeight Mengembalikan bilangan piksel di mana tatal kandungan elemen ke atas. Pulangan 0 Jika elemen tidak menatal. scrollTop Mengembalikan ketinggian keseluruhan elemen dalam piksel, termasuk margin dalaman, tetapi bukan sempadan, bar skrol, atau margin. Ia termasuk ketinggian kandungan yang tidak dapat dilihat pada skrin kerana limpahan. scrollHeight

Bagaimana menggunakan jQuery untuk memeriksa sama ada pengguna skrol ke bahagian bawah halaman?

Untuk menggunakan jQuery untuk memeriksa sama ada skrol pengguna ke bahagian bawah halaman, anda boleh menggunakan acara

dengan scroll, scrollTop, scrollHeight sifat dalam kombinasi. Acara height dipecat apabila pengguna menatal halaman. scroll Atribut Mengembalikan bilangan piksel yang menatal kandungan halaman ke atas. scrollTop Atribut mengembalikan ketinggian jumlah halaman dalam piksel. Harta scrollHeight mengembalikan ketinggian viewport. Dengan membandingkan sifat -sifat ini, anda boleh menentukan sama ada pengguna telah menatal ke bahagian bawah halaman. height

Bolehkah saya menggunakan jQuery untuk mengesan apabila pengguna mula menatal?

Ya, anda boleh menggunakan jQuery untuk mengesan apabila pengguna mula menatal. Anda boleh menggunakan acara

untuk mencapainya. scroll kebakaran acara apabila pengguna menatal elemen yang ditentukan. Dengan menggunakan acara ini, anda boleh menjalankan fungsi atau melaksanakan kod tertentu apabila pengguna mula menatal. scroll

Bagaimana menggunakan jQuery untuk mengesan arah menatal?

Untuk menggunakan jQuery untuk mengesan arah menatal, anda boleh membandingkan kedudukan menatal semasa dengan kedudukan menatal sebelumnya. Jika kedudukan tatal semasa lebih besar daripada kedudukan tatal sebelumnya, pengguna sedang menatal ke bawah. Jika kedudukan tatal semasa lebih kecil daripada kedudukan tatal sebelumnya, pengguna menatal ke atas. Anda boleh menyimpan kedudukan tatal semasa dalam pembolehubah dan mengemas kini setiap kali acara scroll dipecat.

Bolehkah saya menggunakan jQuery untuk mengelakkan menatal?

Ya, anda boleh menggunakan jQuery untuk mengelakkan menatal. Anda boleh menggunakan kaedah scroll dalam acara event.preventDefault() untuk mencapai matlamat ini. Kaedah ini membatalkan acara jika peristiwa itu dapat dibatalkan, yang bermaksud bahawa tindakan lalai yang dimiliki oleh peristiwa itu tidak akan berlaku. Untuk peristiwa scroll, tindakan lalai sedang menatal, jadi menggunakan kaedah ini akan menghalang menatal.

Bagaimana menggunakan animasi jQuery untuk menatal?

anda boleh menggunakan kaedah animate dan scrollTop atribut untuk menatal menatal. Kaedah animate melaksanakan animasi tersuai satu set sifat CSS. scrollTop sifat menetapkan atau mengembalikan bilangan piksel yang mana kandungan elemen ditatal secara menegak. Dengan menggunakannya dalam kombinasi, anda boleh menghidupkan menatal unsur -unsur.

Bolehkah saya menggunakan jQuery untuk menatal ke elemen tertentu?

Ya, anda boleh menggunakan jQuery untuk menatal ke elemen tertentu. Anda boleh menggunakan kaedah animate dan kaedah offset untuk mencapai matlamat ini. Kaedah animate melaksanakan animasi tersuai satu set sifat CSS. offset Kaedah mengembalikan koordinat elemen relatif ke sudut kiri atas dokumen. Dengan menggunakannya dalam kombinasi, anda boleh menghidupkan menatal halaman ke unsur -unsur tertentu.

Bagaimana menggunakan jQuery untuk menatal ke bahagian atas halaman?

anda boleh menggunakan kombinasi jQuery dengan kaedah animate dan harta scrollTop untuk menatal ke bahagian atas halaman. Kaedah animate melaksanakan animasi tersuai satu set sifat CSS. scrollTop sifat menetapkan atau mengembalikan bilangan piksel yang mana kandungan elemen ditatal secara menegak. Anda boleh menghidupkan menatal halaman ke bahagian atas dengan menetapkan harta animate ke 0 dalam kaedah scrollTop.

Bolehkah saya menggunakan jQuery untuk mengesan apabila pengguna berhenti menatal?

Ya, anda boleh menggunakan jQuery untuk mengesan apabila pengguna berhenti menatal. Anda boleh menggunakan fungsi scroll dan setTimeout untuk melaksanakannya. scroll kebakaran acara apabila pengguna menatal elemen yang ditentukan. setTimeout Fungsi memanggil fungsi atau mengira ungkapan selepas bilangan milisaat yang ditentukan. Dengan menggunakannya dalam kombinasi, anda boleh menjalankan fungsi atau melaksanakan kod tertentu apabila pengguna berhenti menatal.

Atas ialah kandungan terperinci periksa jQuery jika div ditatal ke akhir. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!