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
Patricia Arquetteasal
2024-12-12 22:26:151001semak imbas

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));
});

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);

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!

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