Bagaimanakah Saya Boleh Sentiasa Menunjukkan Bar Skrol Menegak dalam CSS, Walaupun Tidak Diperlukan?

Bolehkah saya Memaksa Bar Tatal Menegak Sentiasa Paparkan dengan "Limpahan: Tatal"?

Kod CSS anda pada masa ini menggunakan limpahan-y: tatal , yang menunjukkan bar skrol hanya apabila perlu. Walau bagaimanapun, anda perasan bahawa ini mungkin tidak jelas kepada pengguna, terutamanya dalam kes di mana kandungan terputus dalam div.

Untuk menangani isu ini, anda boleh mengubah suai CSS anda untuk memaksa bar skrol menegak ke sentiasa dipaparkan, walaupun apabila elemen tidak ditatal. Begini cara anda melakukannya:

::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
}

::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, .5);
  box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}

Peraturan CSS ini akan memastikan bar skrol menegak kelihatan pada setiap masa, memberikan petunjuk yang jelas kepada pengguna bahawa terdapat lebih banyak kandungan yang tersedia untuk menatal. Bar skrol kini akan dipaparkan secara konsisten merentas penyemak imbas macOS seperti Chrome dan Safari, meningkatkan kebolehgunaan dan pengalaman pengguna.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Sentiasa Menunjukkan Bar Skrol Menegak dalam CSS, Walaupun Tidak Diperlukan?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!