Bagaimana untuk Melumpuhkan Bar Skrol Penyemak Imbas Semasa Mengekalkan Fungsi Tatal?

Lumpuhkan Penyemak Imbas dan Bar Skrol Elemen Sambil Mengekalkan Fungsi Skrol

Berkenaan dengan reka bentuk web, kadangkala anda mungkin menghadapi keperluan untuk melumpuhkan bar skrol untuk mencapai matlamat estetik atau fungsi tertentu, tetapi pada masa yang sama mengekalkan keupayaan untuk pengguna menatal kandungan menggunakan roda tetikus mereka atau kekunci anak panah. Begini cara anda boleh menangani cabaran ini:

Menyembunyikan Bar Tatal

Untuk menyembunyikan bar skrol daripada elemen div tertentu atau keseluruhan badan dokumen, gunakan peraturan CSS berikut:

overflow: hidden;

Ini akan menyembunyikan mana-mana bar skrol untuk sasaran dengan berkesan elemen.

Meniru Tatal dengan JavaScript

Untuk mendayakan fungsi tatal tanpa bar skrol yang kelihatan, anda perlu menggunakan JavaScript:

Tetikus Tatal Roda

Untuk tatal roda tetikus, anda boleh memanfaatkan acara "roda tetikus" dan laraskan nilai scrollTop elemen sasaran secara dinamik. Contohnya, menggunakan jQuery:

$("#example").bind("mousewheel", function(ev, delta) {
    var scrollTop = $(this).scrollTop();
    $(this).scrollTop(scrollTop - Math.round(delta));
});

Tatal Kekunci Anak Panah

Untuk meniru penatalan melalui kekunci anak panah, ikat pendengar acara "keydown" pada dokumen (jika perlu ) dan laraskan tatal Atas dan Tatal Kiri dengan sewajarnya. Ingat untuk menggunakan "keydown" dan bukannya "keypress" disebabkan oleh isu keserasian IE.

Contoh

Berikut ialah contoh praktikal yang menggabungkan kedua-dua roda tetikus dan skrol kekunci anak panah:

<div>

Atas ialah kandungan terperinci Bagaimana untuk Melumpuhkan Bar Skrol Penyemak Imbas Semasa Mengekalkan Fungsi Tatal?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!