mCustomScrollbar Variation Usage

<link href="js/customscrollbar/jquery.mCustomScrollbar.css" rel="stylesheet" media="screen">
<script src="js/customscrollbar/jquery.mCustomScrollbar.concat.min.js"></script>

 

$(document).ready(function(){
	$('.overlay > .content').mCustomScrollbar({
		scrollButtons:{
			enable:true
		}, 
		scrollInertia:200,
		autoDraggerLength:false
	});
});

 

/* Custom Scroll Bar */
.mCustomScrollBox>.mCSB_scrollTools{width:18px;}
.mCSB_scrollTools .mCSB_buttonUp, 
.mCSB_scrollTools .mCSB_buttonDown{background:url(../images/icons.png) no-repeat; opacity: 1;}
.mCSB_scrollTools .mCSB_buttonUp{background-position: -100px -1211px;}
.mCSB_scrollTools .mCSB_buttonDown{background-position: -100px -1346px;}
.mCSB_scrollTools .mCSB_draggerRail{width: 1px; background: #a5a5a6;}
.mCSB_scrollTools .mCSB_dragger{height:17px;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {width: 17px;background: #FFF;}

圖片 1