Bagaimana untuk Menyembunyikan Bar Tatal Semasa Masih Membenarkan Tatal Tetikus dan Papan Kekunci?

Menyembunyikan Bar Skrol sambil Menyelenggara Tatal Tetikus/Papan Kekunci

Soalan ini telah ditandakan sebagai pendua, tetapi urutan asal tidak menangani dengan secukupnya isu khusus menyembunyikan bar skrol semasa masih mendayakan skrol dengan tetikus atau papan kekunci.

Soalan Asal:

Bolehkah saya menyembunyikan bar skrol semasa masih membenarkan menatal dengan tetikus atau papan kekunci?

Limpahan CSS: Had Tersembunyi:

CSS limpahan harta: tersembunyi boleh digunakan untuk menyembunyikan bar skrol, tetapi ia juga melumpuhkan fungsi penatalan sama sekali.

Penyelesaian jQuery (Asal):

Benang asal mencadangkan jQuery penyelesaian yang secara dinamik mengukur lebar textarea tanpa bar skrol dan menetapkan lebar div pembalut sewajarnya. Ini mencipta ilusi div boleh tatal tanpa bar skrol yang kelihatan.

// 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";

Penyelesaian JavaScript (Tanpa jQuery):

Sebagai alternatif, prinsip yang sama boleh digunakan tanpa jQuery:

document.getElementById("wrapper").style.overflow = "hidden";

// 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";

Kemas kini:

Prinsip yang sama boleh digunakan untuk mencipta div boleh tatal tanpa bar skrol menggunakan CSS dan JavaScript.

Atas ialah kandungan terperinci Bagaimana untuk Menyembunyikan Bar Tatal Semasa Masih Membenarkan Tatal Tetikus dan Papan Kekunci?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!