jQuery.nicescroll 中文API

《jQuery.nicescroll 中文API》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、jQuery.NiceScroll一个模仿ios/mobile滚动条风格美化浏览器滚动条的jQuery插件。NiceScroll初始化声明文档1、简单模式，使用默认样式。$(document).ready(function(){$("html").niceScroll();});2、作为实例和对象返回varnice=false;$(document).ready(function(){nice=$("html").niceScroll();});3、设置光标颜色$(document).ready(function(){$("#thisdiv").niceScroll({cursorcolor:

2、"#00F"});});4、Div包裹，由两个div组成，第一个是包裹div，第二的才是滚动div$(document).ready(function(){$("#viewportdiv").niceScroll("#wrapperdiv",{cursorcolor:"#00F"});});5、获取nicescroll对象varnice=$("#mydiv").getNiceScroll();6、隐藏滚动条$("#mydiv").getNiceScroll().hide();7、检查滚动条大小变化（当窗口大小变化时滚动条跟着变化）$("#mydiv").getNiceScroll().resi

3、ze();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

4、:1,//设置活动状态光标透明度，取值范围0-1，默认为1。cursorwidth:"5px",//设置光标宽度cursorborder:"1pxsolid#fff",//设置光标边框cursorborderradius:"5px",//设置光标圆角，默认5pxzindex:"auto"

5、,//设置滚动条的层数值scrollspeed:60,//滚动速度，单位秒mousescrollstep:40,//每次滚动距离touchbehavior:false,//设置触摸滑动。默认值falsehwacceleration:true,//使用硬件加速滚动支持boxzoom:false,

6、//设置是否可以放大容器，默认值falsedblclickzoom:true,//双击放大/缩小容器（当boxzoom为true有效）。默认值为truegesturezoom:true,//是否支持手指缩进或放大容器（当boxzoom为true并且在touch设备上）grabcursorenabled:true//设置是否显示为grab（手掌）状态(当touchbehavior=true生效)autohidemode:true,//怎样隐藏滚动条，可能的值有：true

7、//当不滚动隐藏"cursor"

8、//仅光标隐藏false

9、//不隐藏"leave"

10、//当光标离开容器时隐藏"hidden"

11、

12、//总是隐藏"scroll",//仅滚动时显示background:"",//设置滚动条背景颜色iframeautoresize:true,//当框架载入时自动设置大小cursorminheight:32,//设置光标最小大小preservenativescrolling:true,//设置是否可以使用鼠标滚动,冒泡鼠标滚动事件railoffset:false,//添加滚动位移bouncescroll:false,//设置是否显示反弹（需要硬件支持）spacebarenabled:true,//设置是否支持空格键滚动railpadding:{top:0,right:0,left:0,bott

13、om:0},//设置滚动条距离边框的距离disableoutline:true,//forchromebrowser,disableoutline(orangehighlight)whenselectingadivwithnicescroll禁用nicesroll容器选中时chrome浏览器默认产生轮廓线（黄色高亮）horizrailenabled:true,//设置nicescroll是否美化水