Bagaimanakah Saya Boleh Melumpuhkan Tatal Buat Sementara Semasa Semasa jQuery scrollTo Animations?

Melumpuhkan Penatalan Buat sementara waktu Semasa jQuery scrollTo Animation

Apabila menggunakan pemalam scrollTo jQuery, penatalan boleh mengganggu kelancaran animasi. Walaupun anda boleh menggunakan hanya menyembunyikan bar skrol, penyelesaian yang lebih baik ialah melumpuhkan tatal buat sementara waktu tanpa menjejaskan keterlihatannya.

Penyelesaian

Daripada menyasarkan acara tatal semata-mata, kuncinya ialah juga membatalkan acara interaksi yang berkaitan seperti tetikus, sentuhan dan skrol butang. Berikut ialah skrip yang boleh anda gunakan:

// Disable scrolling
function disableScroll() {
  window.addEventListener('DOMMouseScroll', preventDefault, false); // older FF
  window.addEventListener(wheelEvent, preventDefault, wheelOpt); // modern desktop
  window.addEventListener('touchmove', preventDefault, wheelOpt); // mobile
  window.addEventListener('keydown', preventDefaultForScrollKeys, false);
}

// Enable scrolling
function enableScroll() {
  window.removeEventListener('DOMMouseScroll', preventDefault, false);
  window.removeEventListener(wheelEvent, preventDefault, wheelOpt); 
  window.removeEventListener('touchmove', preventDefault, wheelOpt);
  window.removeEventListener('keydown', preventDefaultForScrollKeys, false);
}

Kini, anda boleh melumpuhkan penatalan dengan memanggil disableScroll() dan dayakannya semula apabila dikehendaki dengan enableScroll().

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Melumpuhkan Tatal Buat Sementara Semasa Semasa jQuery scrollTo Animations?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!