Bagaimanakah Saya Boleh Menyembunyikan Bar Skrol Menegak dalam Elemen Pilih Menggunakan CSS?

Menyembunyikan Bar Tatal Menegak dalam Elemen

Menyembunyikan bar skrol menegak dalam elemen boleh dicapai menggunakan CSS. Secara lalai, elemen dengan berbilang pilihan memaparkan bar skrol apabila bilangan pilihan melebihi ruang yang tersedia.

Kaedah:

Untuk menyembunyikan bar skrol, hanya tetapkan sifat CSS limpahan-y kepada auto. Ini akan menyembunyikan bar skrol secara automatik jika ia tidak diperlukan, sambil masih membenarkan pengguna menatal jika terdapat lebih banyak pilihan daripada yang boleh dimuatkan dalam kawasan yang boleh dilihat.

select {
    overflow-y: auto;
}

Contoh:

Pertimbangkan kod HTML berikut:

<select name="sCat" multiple>
    <!-- My Options Here -->
</select>

Dengan menggunakan peraturan limpahan-y: auto CSS kepada elemen ini, anda boleh menyembunyikan bar skrol menegak apabila tiada pilihan yang mencukupi untuk mengisi kawasan yang kelihatan.

Mengendalikan Pemilihan Item:

Untuk mengendalikan pemilihan item menggunakan jQuery dan pendengar acara (cth., fungsi .click), anda boleh menambah ID pada setiap elemen pilihan. Ini membolehkan anda menyasarkan item yang dipilih dan melakukan tindakan yang diingini.

<select name="sCat" multiple>
    <option></option></select>

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menyembunyikan Bar Skrol Menegak dalam Elemen Pilih Menggunakan CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!