制作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"});

猜你喜欢

转载自blog.csdn.net/qq_36784628/article/details/82592315
今日推荐