Bagaimanakah Saya Boleh Memaksa Bar Skrol untuk Muncul pada Penyemak Imbas Mudah Alih?

Memaparkan Bar Tatal dalam Penyemak Imbas Mudah Alih

Soalan ini memfokuskan pada isu bar skrol tersembunyi dalam penyemak imbas mudah alih apabila menggunakan "overflow:auto" atau " overflow:visible" pada kandungan boleh tatal. Walaupun bar skrol kelihatan pada penyemak imbas desktop, ia hilang pada peranti mudah alih melainkan menatal secara aktif.

Untuk menyelesaikan isu ini, anda boleh mengubah suai CSS anda untuk memasukkan kod berikut, yang khusus untuk enjin penyemak imbas Webkit:

::-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 mentakrifkan penampilan bar skrol, termasuk lebar, ketinggian, warna ibu jari dan warna treknya. Dengan menyesuaikan sifat ini, anda boleh menjadikan bar skrol sentiasa kelihatan pada peranti mudah alih, walaupun sebelum menatal.

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