jQuery.nicescroll 中文API.docx

jQuery.NiceScroll 一个模仿ios/mobile滚动条风格美化浏览器滚动条的jQuery插件。 NiceScroll初始化声明文档 简单模式，使用默认样式。 $(document).ready(function() { $(html).niceScroll(); }); 作为实例和对象返回 var nice = false; $(document).ready(function() { nice = $(html).niceScroll(); }); 设置光标颜色 $(document).ready(function() { $(#thisdiv).niceScroll({cursorcolor:#00F}); }); 4、Div包裹，由两个div组成，第一个是包裹div，第二的才是滚动div $(document).ready(function() { $(#viewportdiv).niceScroll(#wrapperdiv,{cursorcolor:#00F}); }); 5、获取nicescroll对象 var nice = $(#mydiv).getNiceScroll(); 6、隐藏滚动条 $(#mydiv).getNiceScroll().hide(); 7、检查滚动条大小变化（当窗口大小变化时滚动条跟着变化） $(#mydiv).getNiceScroll().resize(); 8、滚动到指定位置 $(#mydiv).getNiceScroll(0).doScrollLeft(x, duration); // 沿X轴滚动 $(#mydiv).getNiceScroll(0).doScrollTop(y, duration); // 沿Y轴滚动 参数一：滚动距离，正数X轴向右滚动、Y轴向下滚动，负数反之。 参数二：滚动持续时间 9、配置参数 $(#thisdiv).niceScroll({ cursorcolor: #424242, // 设置光标颜色 cursoropacitymin: 0, // 设置非活动状态光标透明度，取值范围0-1，默认为0。 cursoropacitymax: 1, //设置活动状态光标透明度，取值范围0-1，默认为1。 cursorwidth: 5px, //设置光标宽度 cursorborder: 1px solid #fff, // 设置光标边框 cursorborderradius: 5px, //设置光标圆角，默认5px zindex: auto | number, // 设置滚动条的层数值 scrollspeed: 60, //滚动速度，单位秒 mousescrollstep: 40, //每次滚动距离 touchbehavior: false, //设置触摸滑动。默认值false hwacceleration: true, //使用硬件加速滚动支持 boxzoom: false, // 设置是否可以放大容器，默认值false dblclickzoom: true, //双击放大/缩小容器（当boxzoom为true有效）。默认值为true gesturezoom: true, // 是否支持手指缩进或放大容器（当boxzoom为true并且在touch设备上） grabcursorenabled: true //设置是否显示为grab（手掌）状态(当touchbehavior=true生效) autohidemode: true, // 怎样隐藏滚动条，可能的值有： true | // 当不滚动隐藏 cursor | //仅光标隐藏 false | // 不隐藏 leave | // 当光标离开容器时隐藏 hidden | // 总是隐藏 scroll, //仅滚动时显示 background: , // 设置滚动条背景颜色 iframeautoresize: true, // 当框架载入时自动设置大小 cursorminheight: 32, // 设置光标最小大小 p