Bagaimanakah Saya Boleh Jadikan Bar Skrol Sentiasa Kelihatan untuk Pengguna Pad Jejak dalam WebKit/Blink?

Mengatasi Bar Tatal Tersembunyi untuk Pengguna Pad Jejak dalam WebKit/Blink

Gelagat lalai UIKit/Blink menyembunyikan bar skrol untuk pengguna pad jejak pada MacOS, yang berpotensi menghalang interaksi. Untuk menyelesaikan isu ini dan memastikan keterlihatan bar skrol yang konsisten, ikut langkah berikut:

1. Lumpuhkan Gelagat Bar Tatal Lalai:

Lumpuhkan penampilan bar skrol lalai WebKit menggunakan -webkit-appearance: none; Sifat CSS pada ::-webkit-scrollbar pseudo-element.

2. Tentukan Penggayaan Bar Skrol Tersuai:

Memandangkan penggayaan lalai dialih keluar, anda mesti menentukan sendiri. CSS berikut mencipta semula rupa bar skrol tersembunyi:

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

.frame::-webkit-scrollbar:vertical {
    width: 11px;
}

.frame::-webkit-scrollbar:horizontal {
    height: 11px;
}

.frame::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 2px solid white; /* should match background, can't be transparent */
    background-color: rgba(0, 0, 0, .5);
}

.frame::-webkit-scrollbar-track {
    background-color: #fff;
    border-radius: 8px;
}

3. Gunakan Penggayaan pada Elemen Boleh Tatal:

Gunakan CSS tersuai pada elemen boleh tatal, memastikan bar skrol sentiasa kelihatan, tanpa mengira penggunaan pad jejak. Ini memberikan pengalaman pengguna yang konsisten dan menghapuskan kemungkinan kekeliruan.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Jadikan Bar Skrol Sentiasa Kelihatan untuk Pengguna Pad Jejak dalam WebKit/Blink?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!