Bagaimana untuk Sentiasa Memaparkan Bar Skrol Menegak dalam Pelayar WebKit?

Sentiasa Memaparkan Bar Tatal Menegak

Dalam reka bentuk web tertentu, adalah penting untuk memastikan pengguna dapat mengenal pasti kandungan boleh tatal dalam elemen div dengan mudah. Walaupun menetapkan limpahan-y: tatal, bar tatal menegak mungkin tidak kelihatan apabila tidak digunakan secara aktif pada sistem pengendalian tertentu, seperti macOS.

Penyelesaian:

Untuk memaksa bar skrol menegak sentiasa dipaparkan, gunakan sifat CSS berikut:

::-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);
}

Gaya ini digunakan pada berasaskan WebKit penyemak imbas, seperti Safari dan Chrome pada macOS. Dengan menyesuaikan penampilan bar skrol, anda boleh menjadikannya lebih menonjol dan menunjukkan kehadiran kandungan boleh ditatal walaupun semasa ia tidak digunakan secara aktif.

Atas ialah kandungan terperinci Bagaimana untuk Sentiasa Memaparkan Bar Skrol Menegak dalam Pelayar WebKit?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!