Bagaimana untuk Menyembunyikan Bar Skrol `` Elemen Sambil Mengekalkan Kefungsian?

Cara Menyembunyikan Bar Tatal Menegak dalam Elemen

Adalah mungkin untuk menyembunyikan bar skrol menegak dalam elemen menggunakan CSS. Untuk berbuat demikian, tambahkan peraturan CSS berikut pada helaian gaya anda:

select {
    overflow-y: auto;
}

Ini akan menetapkan sifat limpahan kepada auto, yang akan menyembunyikan bar skrol jika kandungan sesuai dengan ketinggian elemen. Walau bagaimanapun, jika kandungan melebihi ketinggian elemen, bar skrol akan muncul.

Mengekalkan Interaksi dengan Elemen

Untuk mengekalkan keupayaan memilih item daripada senarai dan mengurusnya klik acara menggunakan jQuery, anda boleh terus menggunakan unsur. Sifat limpahan akan menyembunyikan bar skrol tanpa menjejaskan kefungsian elemen.

Berikut ialah contoh cara anda boleh menggunakan jQuery untuk mengurus klik item:

$("select").on("click", "option", function() {
    var id = $(this).attr("id");

    // Perform action based on the ID
});

Kod ini akan melampirkan klik pengendali acara ke elemen, yang akan melaksanakan fungsi apabila elemen di dalam elemen diklik. Dalam fungsi tersebut, anda boleh menggunakan atribut id bagi elemen yang diklik untuk melakukan sebarang tindakan yang diperlukan.

Atas ialah kandungan terperinci Bagaimana untuk Menyembunyikan Bar Skrol `` Elemen Sambil Mengekalkan Kefungsian?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!