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