制作niceScroll滾動條

1、引用jquery.js和jquery.nicescroll.js

<script type="text/javascript" src="js/jquery.js"></script> 
<script type="text/javascript" src="js/jquery.nicescroll.js"></script>
           

2、封裝

function scroll(obj){
	$(obj.id).niceScroll({
		cursorcolor: obj.color||"#59C7EF",
		autohidemode:obj.autohidemode||false,
		zindex:200,
		cursorwidth:obj.cursorwidth||"10px",
		cursorborderradius:obj.cursorborderradius||"10px",
		cursorborder:obj.cursorborder||"1px solid #59C7EF"
	});
};
           

3、重新整理滾動條方法

function resizeScroll(obj){
	$(obj.id).getNiceScroll().resize();
}
           

4、使用方法

scroll({id:".datagrid-view2 .datagrid-body"});//滾動條
resizeScroll({id:".datagrid-view2 .datagrid-body"});