Membuat Custom Scrollbar dengan jQuery

Baca Juga

Kali ini saya akan membagi sekedar tips & trik tentang Membuat Custom Scrollbar dengan jQuery.
Berikut ini bagaimana cara untuk membuatnya.
STEP 1
masukin js nya ke web kita.
tambahin script ini diatas </head>

<script src="http://fake.hol.es/js/jquery.scroll.min.js"></script>
<script src="http://fake.hol.es/js/jquery.nicescroll.js"></script>

STEP 2
masukin script scrollbar nya.
taro diatas </head> juga.

<script>
$(document).ready(function() {
var nicesx = $("body").niceScroll({touchbehavior:true,background:"#ffffff",cursorcolor:"#FF0000",cursoropacitymax:0.6,cursorwidth:8});
});
</script>

Keterangan !!

touchbehavior:true
-- visibilitas scrollbarnya. klo "true" = brarti scrollbarnya akan muncul ketika didekati mouse. klo "false" = dlm kondisi disentuh mouse ataupun tidak disentuh. scrollbar akan tetap muncul.

background:"#ffffff"
-- warna background scrollbar

cursorcolor:"#FF0000"
-- warna kursor scrollbar

cursoropacitymax:0.6
-- ketebalan kursor scrollbar

cursorwidth:8
-- lebar kursor scrollbar

Untuk mengetahui semua / full code silahkan anda ambil full code-nya di link bawah ini.

Mediafire

Sekian postingan dari kami semoga postingan ini dapat berguna bagi pembaca dan dapat dipergunakan dengan semaksimal mungkin.