Rumah > hujung hadapan web > tutorial css > Bagaimana untuk Mengawal Bar Skrol Mendatar dalam Elemen Div CSS?

Bagaimana untuk Mengawal Bar Skrol Mendatar dalam Elemen Div CSS?

Susan Sarandon
Lepaskan: 2024-11-21 12:00:13
asal
402 orang telah melayarinya

How to Control Horizontal Scrollbars in CSS Div Elements?

Mengawal Bar Tatal Mendatar dalam Elemen Div CSS

Apabila melaksanakan bekas div boleh ditatal, anda mungkin menghadapi situasi di mana anda hanya memerlukan bar skrol mendatar untuk muncul secara automatik. Begini cara untuk mencapainya:

Anda telah menentukan gaya div anda untuk mendayakan penatalan automatik dengan kedua-dua bar skrol mendatar dan menegak. Walau bagaimanapun, untuk mengehadkannya kepada penatalan mendatar sahaja, anda boleh menggunakan pendekatan berikut:

  • Sahkan dalam Pelayar Lain: Pastikan bahawa gelagat bar skrol menegak yang tidak dijangka adalah eksklusif untuk IE. Semak reka letak dalam penyemak imbas lain seperti Firefox untuk menentukan sama ada isu itu berterusan.
  • Gunakan Pelanjutan CSS3 (IE6-7 ): Untuk IE6-7 dan penyemak imbas lain, anda boleh menekan bar skrol menegak menggunakan CSS3:
overflow: auto;
overflow-y: hidden;
Salin selepas log masuk
  • Tambah untuk IE8: Selain itu, untuk IE8, anda mungkin perlu menyertakan yang berikut:
-ms-overflow-y: hidden;
Salin selepas log masuk

Perlu diingat bahawa IE8 mungkin telah membetulkan isu limpahan tertentu ini. Walau bagaimanapun, menggunakan pendekatan ini memastikan tingkah laku yang konsisten merentas pelbagai versi penyemak imbas.

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

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan