Bagaimanakah Saya Boleh Jadikan Bar Skrol Kelihatan dalam Penyemak Imbas Mudah Alih?

Menjadikan Bar Skrol Kelihatan pada Penyemak Imbas Mudah Alih

Dalam pembangunan web, selalunya diingini agar bar skrol kelihatan dalam penyemak imbas mudah alih walaupun kandungannya tidak pada mulanya ditatal. Walaupun sifat CSS seperti "overflow:auto" atau "overflow:visible" mencapai ini pada penyemak imbas desktop, penyemak imbas mudah alih cenderung untuk menyembunyikan bar skrol sehingga penatalan dicuba.

Untuk menangani isu ini, anda boleh meningkatkan CSS anda dengan ciri khusus webkit berikut:

::-webkit-scrollbar {
    -webkit-appearance: none;
}

::-webkit-scrollbar:vertical {
    width: 12px;
}

::-webkit-scrollbar:horizontal {
    height: 12px;
}

::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .5);
    border-radius: 10px;
    border: 2px solid #ffffff;
}

::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #ffffff;
}

Kod ini mengubah suai rupa bar skrol, menjadikannya kelihatan dan melaraskan lebar dan rupanya. Dengan menggunakan sifat ini, anda boleh memastikan bar skrol kelihatan secara konsisten pada kedua-dua peranti desktop dan mudah alih, meningkatkan pengalaman pengguna.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Jadikan Bar Skrol Kelihatan dalam Penyemak Imbas Mudah Alih?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!