Custom Scrollbar di CSS

  • Wednesday, 30 Jun 2021

Dalam beberapa kasus kita perlu mengubah tampilan scrollbar di browser kita, seperti ketika scrollbar element yang berada dalam container atau yang biasa disebut nested scroll, atau dikondisi lain ketika ingin membuat interface kita terlihat lebih konsisten ketika berada dibeberapa sistem operasi.

Berikut beberapa contoh untuk mengubah style scrollbar di browser menggunakan properti css prefix ::webkit-scrollbar:

Custom scrollbar menggunakan CSS hanya mendukung di browser yang berbasis webkit seperti Chrome/Safari.

Style #1

Play
Loading...

Style #2

Play
Loading...

Style #3

Play
Loading...

Silakan berkreasi dalam mengubah style scrollbar website kalian dengan memanfaatkan css properti ::webkit-scrollbar.