Bagaimana untuk Menyembunyikan Bar Skrol Semasa Mengekalkan Keboleh Scroll dengan Tetikus dan Papan Kekunci?

Menyembunyikan Bar Tatal sambil Mengekalkan Kebolehscrollan dengan Tetikus dan Papan Kekunci

Walaupun wujudnya urutan yang serupa, soalan ini meneroka isu khusus: bagaimana untuk menyembunyikan bar skrol sambil masih membenarkan pengguna menatal menggunakan tetikus mereka atau papan kekunci.

Masalah:

Percubaan untuk menyembunyikan bar skrol menggunakan CSS seperti limpahan: tersembunyi; melumpuhkan kedua-dua bar skrol dan fungsi skrol.

Penyelesaian:

Untuk mengatasi cabaran ini, JavaScript boleh digunakan bersama dengan CSS. Dengan menetapkan sifat limpahan div pembalut kepada tersembunyi, bar skrol disembunyikan. Selepas itu, skrip di bawah mengira lebar kawasan teks tanpa bar skrol dan menetapkan nilai itu kepada lebar div pembalut.

// get the width of the textarea minus scrollbar
var textareaWidth = document.getElementById("textarea").scrollWidth;

// width of our wrapper equals width of the inner part of the textarea
document.getElementById("wrapper").style.width = textareaWidth + "px";

Teknik ini bukan sahaja membolehkan pengguna menatal tanpa bar skrol yang kelihatan tetapi juga menyediakan penyelesaian yang elegan untuk mencipta div boleh ditatal tanpa bar skrol.

Atas ialah kandungan terperinci Bagaimana untuk Menyembunyikan Bar Skrol Semasa Mengekalkan Keboleh Scroll dengan Tetikus dan Papan Kekunci?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!