Bagaimana untuk Menyesuaikan Keterlihatan Bar Skrol dalam Elemen Div CSS?

Menyesuaikan Keterlihatan Bar Tatal dalam Elemen Div CSS

Apabila bekas div menemui kandungan yang melebihi lebar atau ketinggian yang ditetapkan, bar skrol muncul secara automatik untuk membolehkan pengguna menavigasi kandungan. Walau bagaimanapun, menyesuaikan keterlihatan bar skrol mungkin diperlukan untuk tujuan reka bentuk tertentu.

Dalam senario yang dibentangkan, pembangun mempunyai bekas div dengan bar skrol mendatar dan menegak muncul secara automatik, tetapi hanya bar skrol mendatar dikehendaki. Untuk mencapai matlamat ini, langkah berikut boleh diambil:

Mengesahkan Gelagat Penyemak Imbas

Pertama sekali, adalah penting untuk mengesahkan gelagat dalam penyemak imbas yang berbeza. Isu kedua-dua bar skrol mendatar dan menegak yang muncul dalam IE mungkin merupakan pepijat khusus pelayar. Menyemak gelagat dalam penyemak imbas lain (cth., Firefox) boleh memberikan cerapan jika isu itu diasingkan kepada penyemak imbas tertentu.

Menggunakan Sambungan CSS3

Untuk penyemak imbas yang menyokong sambungan CSS3 (cth., IE6-7 ), sifat limpahan dan limpahan-y boleh digunakan untuk mengawal bar skrol keterlihatan:

div#tbl-container {
    ...
    overflow: auto;
    overflow-y: hidden;
}

Tetapan ini membenarkan penatalan mendatar sambil menekan bar skrol menegak.

Melayani IE8

Dalam IE8, sifat tambahan mungkin diperlukan:

-ms-overflow-y: hidden;

Microsoft telah menunjukkan bahawa ia mungkin memindahkan sifat pra-standard ke dalam ruang nama -ms mereka dalam IE8 Mod Standard. Akibatnya, sifat ini mungkin diperlukan untuk memastikan keserasian.

Menyelesaikan Pepijat Khusus Penyemak Imbas

Dalam sesetengah keadaan, pepijat khusus penyemak imbas mungkin memerlukan pembetulan manual. Rundingan dokumentasi penyemak imbas dan forum komuniti boleh menyediakan garis panduan khusus untuk menyelesaikan isu ini.

Atas ialah kandungan terperinci Bagaimana untuk Menyesuaikan Keterlihatan Bar Skrol dalam Elemen Div CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!