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>
masukin script scrollbar nya.
taro diatas </head> juga.
<script>For Your Information :
$(document).ready(function() {
var nicesx = $("body").niceScroll({touchbehavior:true,background:"#ffffff",cursorcolor:"#FF0000",cursoropacitymax:0.6,cursorwidth:8});
});
</script>
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.
nah ini yang aku cari :D akhirnya nemu juga wakakakaka
BalasHapusnemu apaan pak ?
BalasHapusnemu jquery navbar om :D hehehe
BalasHapusKwren BANGAT (ngak pake Z ) gan...
BalasHapus