Februari 24, 2014

11 Free JQuery Scrollbar Plugin

11 Free JQuery Scrollbar Plugin Untuk Mengganti Tampilan Scrollbar


11 JQuery Scrollbar Plugin - JQuery Scrollbar Plugin adalah cara yang paling mudah untuk mengganti scrollbar default browser.  Pada artikel ini saya bagikan 11 Free JQuery Scrollbar Plugin untuk menambah daya tarik blog sobat.

Apa dan Bagaimana JQuery Scrollbar itu?

Jquery Scrollbar adalah sebuah plugin untuk mengubah tampilan scroll pada browser dan digunakan sebagai indikator lebar dan panjang halaman blog atau web sehingga memiliki tampilan yang lebih menarik. Dengan JQuery scrollbar ini sobat dapat mengubah scrollbar default pada browser dengan scrollbar yang lebih stylish. Sehingga saat blog sobat dikunjungi, otomatis scrollbar pada pengunjung blog sobat akan terganti dengan scrollbar default blog sobat. Dengan jQuery scrollbar ini blog sobat akan terlihat lebih menarik dan lebih enak dipandang. Selain itu ada beberapa fitur dari plugin Jquery scrollbar yang memiliki fitur smooth dan bounce. Dengan fitur smooth dan bounce tersebut akan memberikan effect lembut ketika tampilan blog sobat di scroll kebawah atau keatas bahkan secara horizontal sekalipun. Karena meningkatnya popularitas costum scrollbar disini saya bagikan beberapa daftar jquery scrollbar yang ringan, stylish, fleksibel yang bekerja secara konsisten di semua browsers dan sangat mudah digunakan. Berikut ini adalah 11 plugin JQuery Scrollbar terbaik yang sudah saya coba sebelumnya.

Best Free JQuery Scrollbar Plugin

11 Free JQuery Scrollbar Plugin Recomended


1. NiceScroll : Plugin jQuery Scrollbar untuk dekstop, mobile, dan layar sentuh

JQuery Scrollbar Plugin
NiceScroll
NiceScroll ini adalah plugin jquery scrollbar yang pernah saya pasang di blog ini sebelumnya. Fitur yang diberikan sangat bagus. Dengan plugin ini tampilan scroll browser terlihat sangat lembut ketika kita memainkan scroll. Support zoom effect, bounce, iframe, images, dan beberapa fitur lainnya yang sangat luar biasa. Plugin ini recomended banget menurut saya.

2. Tiny Scrollbar : Sebuah javascript jQuery scrollbar crossbrowser yang ringan.

JQuery Scrollbar Plugin
Tiny Scrollbar
Plugin ini banyak digunakan oleh blogger diseluruh dunia dan sangat populer. Tiny Scrollbar merupakan cara yang baik dan elegan untuk memungkinkan mengatur scroll pada perangkat mobile dan desktop. Plugin ini dirancang untuk menjadi sebuah plugin ringan yang dinamis. Selain itu plugin jquery scrollbar yang satu ini memberikan cara yang ampuh untuk meningkatkan Ui (user interface) dari sebuah situs web.

3. NanoScroller : jQuery scrollbars dengan Lion-styled

JQuery Scrollbar Plugin
NanoScroller

NanoScroller.js adalah plugin jQuery yang menawarkan cara sederhana untuk mebuat scrollbar mirip dengan Mac OS X Lion scrollbars untuk website atau blog sobat. Sangat stylish karena mengadopsi tampilan Mac OS. Plugin ini juga menawarkan berbagai fitur yang di support.

4.  jScrollPane : custom cross-browser scrollbars

JQuery Scrollbar Plugin
JScrollPane

JScrollPane adalah plugin jQuery yang juga menyediakan scrollbar kustom yang bekerja secara konsisten di semua browser modern. Plugin ini didukung dengan CSS sederhana. jScrollPane dirancang untuk menjadi fleksibel tapi sangat mudah digunakan.

5. jQuery ScrollBar Widget : jqWidgets

JQuery Scrollbar Plugin

jqWidgets


jQuery ScrollBar Widget : jqWidgets ini Sangat powerfull. Sangat mudah digunakan dan yang pasti support touch screen pada mobile browser. Mempunyai ukuran yang kecil sehingga tidak membebani proses loading blog atau website

6. ShortScroll : Sebuah scroll bar dengan tampilan Google Wave

JQuery Scrollbar Plugin
ShortScroll

Scroll bar di Google Wave adalah fitur UI terbaik di seluruh app. Ia menambahkan fungsionalitas dan gaya yang membuat jauh lebih baik daripada scroll bar browser default. Jadi saya pikir bahwa saya akan membuat scroll bar seperti itu sebagai widget jQuery UI.

7. iScroll 4

JQuery Scrollbar Plugin
iScroll

iScroll akhirnya menerima penulisan ulang lengkap. Sekarang lebih halus dari sebelumnya dan menambahkan beberapa fitur baru yang penting: pinch / zoom, pull down untuk menyegarkan, snap ke elemen dan acara adat lebih untuk tingkat yang lebih tinggi hackability.

8. jQuery Scrollbars

JQuery Scrollbar Plugin
jQuery Scrollbars

jQuery Scrollbars adalah script yang sangat sederhana yang memungkinkan Anda, pengembang, dengan tema scrollbars. Support touchscreen dan didukung CSS. Ini akan bekerja di hampir semua situasi, dan pada sekitar hanya beberapa kb minified yang tidak membebani loading page.

9. jScrollbar : Scrollbar untuk scrolling contents dengan jQuery UI

JQuery Scrollbar Plugin
JScrollbar

jScrollbar ini sangat costumable, sobat blogger dapat membuat design sendiri dengan plugin ini. jScrollbar didukung dengan CSS penuh. Sehingga sangat mudah untuk dimodifikasi dengan tampilan yang sobat inginkan.
Not Found

10. Scrollbar Visibility with jScrollPane

JQuery Scrollbar Plugin
Scrollbar Visibility

Kadang-kadang bisa sangat berguna untuk menyembunyikan scrollbar elemen dalam sebuah situs web dan hanya muncul ketika pengguna benar-benar membutuhkannya. Plugin ini sangat cocok untuk User interface yang membutuhkan hidden scrollbar.

11. jQuery custom content scroller

JQuery Scrollbar Plugin
Jquery Costum Content

Plugin JQuery scrollbar ini mempunyai effect yang sangat smooth. Support image slider horizontal scroll. jQuery custom content ini juga didukung penuh dengan CSS sehingga sobat blogger bisa memudifikasi tampilan sesuka sobat.


Sekian 11 Free JQuery Scrollbar Plugin yang dapat saya bagikan untuk para sobat blogger sekalian. Untuk cara penggunaannya akan saya bagikan tutorial penggunaan dan pemasangan Jquery ScrollBar pada template blogger di artikel selanjutnya. Semoga Bermanfaat. Jika ada kesalahan link atau link yang rusak silahkan ajukan melalui kotak komentar. akan saya perbaiki secepatnya.

0 comments

Mohon maaf komentar pada blog ini kami moderasi dan tidak akan langsung ditampilkan. Silahkan berikan komentar sesuai judul dan isi artikel. Komentar yang mengandung link aktif / live link, iklan, pornografi, dan semacamnya akan dihapus atau kami masukan pada kategori SPAM.

Catatan :
1. Untuk menyisipkan kode gunakan  <i rel="code">kode yang akan disisipkan</i>
2. Untuk menyisipkan kode panjang gunakan <i rel="pre">kode yang akan disisipkan</i>
3. Untuk menyisipkan quote gunakan <b rel="quote">catatan anda</b>
4. Untuk menyisipkan gambar gunakan <i rel="image">URL gambar</i>
5. Untuk menyisipkan video gunakan <i rel="youtube">URL Video youtube</i>

Keterangan :
Gunakan HTML konverter sebelum menyisipkan kode.
Contoh link image : http://blablabla.com/image.jpg.

Profile yang mengandung broken link akan dihapus tanpa pemberitahuan terlebih dahulu.
Konversi Kode

Top