Custom Scrollbar dengan jQuery



Niatnya mo ng'bantuin temen , ada yg nanya gimana cara buat bikin scrollbar di website.
jd skalian aja ane share caranya disini, kali aja ada yg belom tau.

krn ane belom bisa bikin sendiri js nya, jd ane pake js bikinan orang laen.
https://github.com/inuyaksa/jquery.nicescroll

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>
For Your Information :
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

klo udah, save.
trus di tes dah.

DEMO | DOWNLOAD

sekian tutor garing dr ane.

4 komentar: