製作niceScroll滾動條
阿新 • • 發佈:2018-11-27
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"});