Rumah > hujung hadapan web > tutorial js > Bagaimanakah Saya Boleh Mengesan Apabila Tatal Berhenti Menggunakan jQuery?

Bagaimanakah Saya Boleh Mengesan Apabila Tatal Berhenti Menggunakan jQuery?

Patricia Arquette
Lepaskan: 2024-12-12 22:26:15
asal
894 orang telah melayarinya

How Can I Detect When Scrolling Stops Using jQuery?

Kaedah jQuery tatal(): Mengesan Apabila Tatal Berhenti

kaedah tatal() jQuery membolehkan anda melaksanakan fungsi apabila elemen ditatal. Walau bagaimanapun, ia tidak menyediakan cara mudah untuk mengesan apabila penatalan berhenti.

Mengesan Tamat Tatal

Untuk menentukan apabila penatalan telah berhenti, kami boleh menggunakan pengendali acara bermasa. Berikut ialah contoh:

$(window).scroll(function() {
    clearTimeout($.data(this, 'scrollTimer'));
    $.data(this, 'scrollTimer', setTimeout(function() {
        // Scrolling has stopped
        console.log("Haven't scrolled in 250ms!");
    }, 250));
});
Salin selepas log masuk

Dalam kod ini, kami menetapkan pemasa dan menetapkannya semula setiap kali pengguna menatal. Jika pemasa tamat tempoh, ia menunjukkan bahawa penatalan telah berhenti.

Unevent.js Extension

Sebagai alternatif, kita boleh menggunakan fungsi extended on() yang disediakan oleh sambungan jQuery Unevent.js:

$(window).on('scroll', function(e) {
    console.log(e.type + '-event was 250ms not triggered');
}, 250);
Salin selepas log masuk

Unevent.js membolehkan kami menentukan parameter kelewatan untuk pengendali acara. Dengan cara ini, pengendali hanya menyala jika peristiwa itu tidak berlaku dalam selang waktu tertentu.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mengesan Apabila Tatal Berhenti Menggunakan jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
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
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan