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
Susan Sarandonasal
2024-11-21 12:00:13416semak imbas

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;
  • Tambah untuk IE8: Selain itu, untuk IE8, anda mungkin perlu menyertakan yang berikut:
-ms-overflow-y: hidden;

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!

Kenyataan:
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