Merubah tampilan scrollbar pada blog terkadang diperlukan untuk menyesuaikan dengan desain blog itu sendiri. Perlu atau tidak perlunya tentunya tergantung pemilik blog itu sendiri, apakah ingin dibuat custom atau tetap standar.Tutorial tentang merubah atau mengganti scrollbar sebetulnya sudah banyak, namun selama melakukan pencarian, kebanyakan menggunakan menggunakan CSS seperti ini
::-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.Akhirnya saya mencari plugin jQuery yang support untuk browser dan terus melakukan uji coba, ini merupakan rasa penasaran saya sekaligus masukan dari para sahabat diantaranya Kang +Adhy Suryadi, Kang +Heri Assidiqi dan Kang +Joel Tumampi yang menginginkan jQuery scrollbar ini.
Artikel keren lainnya:
Belum ada tanggapan untuk "Merubah Tampilan Scrollbar dengan jQuery"
Post a Comment
Peraturan berkomentar di blog ini :
- Dilarang SPAM.
- Dilarang menautkan link aktif atau link mati kecuali admin.
- Dilarang menggunakan huruf "Kapital" secara keseluruhan.
- Dilarang berkomentar yang mengandung SARA.
-Dilarang Berkampanye
- Jika ingin bertanya silahkan berikan pertanyaan yang jelas agar mudah dijawab oleh admin.
Jika ada beberapa point diatas yang tidak anda patuhi dalam berkomentar otomatis komentar Anda Otomatis akan Di Hapus Dari blog ini.