Bagaimana untuk Memaparkan Bar Skrol Mendatar sahaja dalam Elemen Div CSS?

Cara Memaparkan Bar Skrol Mendatar Hanya dalam Elemen Div CSS

Anda mempunyai bekas div dengan gaya CSS berikut:

div#tbl-container 
{
    width: 600px;   
    overflow: auto;    
    scrollbar-base-color:#ffeaff
}

Gaya ini memaparkan kedua-dua bar skrol mendatar dan menegak secara automatik apabila anda mengisi jadual yang terkandung dalam div. Walau bagaimanapun, anda hanya mahu bar skrol mendatar muncul secara automatik, membolehkan anda mengubah suai ketinggian jadual secara pengaturcaraan.

Tingkah laku yang dijangkakan ialah hanya mempunyai bar skrol mendatar apabila kandungannya cukup besar untuk memerlukannya. Walau bagaimanapun, anda menghadapi isu ini terutamanya dalam Internet Explorer (IE) disebabkan oleh pepijat. Mengesahkan dalam penyemak imbas lain seperti Firefox akan membantu mengasingkan isu ini.

Bermula dengan IE6-7, anda mempunyai keupayaan untuk menetapkan bar skrol secara bebas menggunakan sambungan CSS3 yang dicadangkan:

overflow: auto;
overflow-y: hidden;

Untuk keserasian IE8 , anda juga mungkin perlu menambah:

-ms-overflow-y: hidden;

Microsoft memisahkan sifat pra-CR-standard ke dalam kotak '-ms' mereka sendiri dalam Mod Standard IE8.

Akhirnya, IE8 mungkin telah diselesaikan pepijat ini, tetapi menggunakan sifat ini menyediakan penyelesaian untuk IE6-7 atau lebih awal.

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