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!