Cara Memodifikasi Tampilan Scrollbar Blog

Apa itu scrollbar?Scrollbar bisa dikatakan sebagai baris penggulung digunakan untuk menggeser layar. Terdapat dua macam baris penggulung, yaitu baris penggulung vertikal untuk menggeser layar ke atas atau ke bawah dan baris penggulung horizontal untuk menggeser layar ke kiri atau ke kanan.

Tampilan srollbar bawaan browser semuanya sama, tetapi kita masih bisa memodifikasi nya (mengubah tampilan scrollbar) Baik itu pada elemen tertentu atau pun semuanya...

Cara Memodifikasi Tampilan Scrollbar.

Di menu edit HTML pada akun blogger sobat tambahkan CSS di bawah ini tepat sebelum ]]></b:skin>

::-webkit-scrollbar{width:5px;background:#424242}
::-webkit-scrollbar-thumb{background-color:#222;border-radius:1px}

Mengubah Tampilan Scrollbar pada element tertentu

.element::-webkit-scrollbar{width:5px;background:#424242}
.element::-webkit-scrollbar-thumb{background-color:#222;border-radius:1px}

Ganti element dengan nama elemen yang scrollbarnya ingin dimodifikasi

Cara ini bekerja pada browser Google Chrome, karena untuk browser lainnya seperti Mozilla masih belum mendukung

Share this post