Rumah > hujung hadapan web > tutorial css > Bagaimanakah Saya Boleh Menghalang Bar Tatal daripada Hilang pada Pad Jejak Mac Saya Apabila Menggunakan Penyemak Imbas WebKit/Blink?

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

Patricia Arquette
Lepaskan: 2024-12-08 10:26:11
asal
267 orang telah melayarinya

How Can I Prevent Scroll Bars from Disappearing on My Mac Trackpad When Using WebKit/Blink Browsers?

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;
}
Salin selepas log masuk

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;
}
Salin selepas log masuk

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!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan