Bagaimanakah Saya Boleh Menghalang Bar Tatal daripada Hilang pada Pad Jejak Mac Saya Apabila Menggunakan Penyemak Imbas WebKit/Blink?

Mencegah Bar Tatal daripada Lenyap: Penyelesaian untuk Pengguna Pad Jejak Mac dalam WebKit/Blink

Masalah:

Pengguna pada macOS dengan Mac OS X Lion (10.7) dan kemudiannya mungkin menghadapi masalah tersembunyi bar tatal apabila menggunakan pad jejak dalam penyemak imbas WebKit/Blink (seperti Safari dan Chrome). Tingkah laku ini boleh menyebabkan kekeliruan, kerana bar skrol memberikan isyarat visual penting bahawa elemen boleh ditatal.

Penyelesaian:

WebKit's -webkit-scrollbar pseudo-elements membolehkan kawalan ke atas penampilan bar skrol. Dengan menyesuaikan elemen ini, kami boleh menghalang gelagat lalai dan memaksa bar skrol untuk dipaparkan secara berterusan.

Penggayaan CSS:

Lumpuhkan penampilan dan gelagat lalai:

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

Buat semula rupa tatal yang boleh dilihat bar:

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

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

.frame::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 2px solid white;
    background-color: rgba(0, 0, 0, .5);
}

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

Kesimpulan:

Dengan melaksanakan penggayaan CSS ini, kami boleh memastikan bar skrol kekal kelihatan untuk pengguna pad jejak Mac dalam pelayar WebKit/Blink, menyediakan pengalaman menatal yang konsisten dan intuitif.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menghalang Bar Tatal daripada Hilang pada Pad Jejak Mac Saya Apabila Menggunakan Penyemak Imbas WebKit/Blink?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!