Bagaimanakah Saya Boleh Mengesan Arah Tatal Atas atau Bawah dengan jQuery?

Mengesan Arah Acara Tatal jQuery

Apabila mengendalikan acara tatal dalam jQuery, ia berguna untuk menentukan sama ada tatal bergerak ke atas atau ke bawah. Ini membolehkan gelagat atau kandungan berbeza dipaparkan berdasarkan arah tatal.

Untuk mencapai ini, anda boleh memanfaatkan sifat scrollTop objek tetingkap dan membandingkan nilai semasanya dengan nilai sebelumnya. Begini cara untuk melaksanakannya:

var lastScrollTop = 0;
$(window).scroll(function(event) {
    var st = $(this).scrollTop();
    if (st > lastScrollTop) {
        // Downscroll code
    } else {
        // Upscroll code
    }
    lastScrollTop = st;
});

Dalam kod ini, lastScrollTop menyimpan nilai scrollTop sebelumnya. Apabila acara skrol dicetuskan, ia mendapatkan semula nilai skrolTop semasa dan membandingkannya dengan lastScrollTop. Jika nilai semasa lebih besar daripada nilai sebelumnya, tatal bergerak ke bawah (memandangkan scrollTop meningkat semasa anda menatal ke bawah). Jika tidak, tatal bergerak ke atas.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mengesan Arah Tatal Atas atau Bawah dengan jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!