Cara Merubah Tampilan Scrollbar dengan jQuery - Merubah Tampilan Scrollbar terkadang diperlukan untuk mempercantik design blog. Tetapi akan perlu tak perlunya tergantung dengan mata pemilik blog tersebut. Kalo menurut saya ini sangat diperlukan oleh orang yang sangat suka mempercantik blognya.
Sebenarnya cara merubah tampilan scroolbar sudah sangat banyak di publish tetapi kode kebanggan saya adalah
::-webkit-scrollbar{width:6px;background:#444}
::-webkit-scrollbar-thumb{background-color:#222;border-radius:3px}
Dengan menggunakan CSS di atas, hanya support pada browser dengan komponen dasar WebKit seperti Safari, Chrome, browser iOS, Android dan Blackberry. Tetapi tidak support dengan browser lainnya seperti Mozilla, Opera dll.
Karena penggunaan CSS tidak support dengan semua browser, maka saya tawarkan penggunaan jQuery sebagai alternatifnya. Sebetulnya penggunaan custom scrol ini telah saya buat dalam posting sebelumnya yanitu dengan Tiny Scrollbar. Namun penggunaan tiny scrolbar lumayan ribet dan belum bisa digunakan untuk browser itu sendiri, hanya pada elemen tertentu saja.
Semoga bermanfaat :)
