配置参数 
当调用“niceScroll”你可以传递一些参数来定制视觉方面:

cursorcolor - 十六进制改变光标颜色,默认值是“#000000” 
cursoropacitymin - 改变不透明度非常光标处于非活动状态(scrollabar“隐藏”状态),范围从1到0, 
默认为0(隐藏) 
cursoropacitymax - 改变不透明度非常光标处于活动状态(scrollabar“可见”状态),范围从1到0,默 
认值是1(完全不透明) 
cursorwidth - 像素光标的宽度,默认值为5(你可以写“加入5px”太) 
cursorborder - 游标边框css定义,默认为“1px的固体#FFF” 
cursorborderradius - 以像素为光标边界半径,默认为??“递四方” 
zIndex的 - 改变z-index值的滚动条的div,默认值是9999 
scrollspeed - 滚动速度,默认值为60 
mousescrollstep - 高速滚动鼠标滚轮,默认值是40(像素) 
touchbehavior - 使光标拖动滚动像在台式电脑触摸设备(默认:false) 
hwacceleration - 使用硬件加速滚动支持的时候(默认:true) 
boxzoom - 使变焦框中的内容(默认:false)
dblclickzoom - (仅当boxzoom = TRUE)变焦激活时,双击对话框(默认:true) 
gesturezoom - (仅当boxzoom =真实,使用触摸设备)上缩放框激活时,间距输出/输入(默认:true) 
grabcursorenabled,显示“抢”图标的div touchbehavior = true时,(默认:true) 
autohidemode,如何隐藏滚动条的作品,真=默认/“光标”=只进游标隐藏/ false =不隐藏背景,CSS改变轨道的背景下,默认为“” 
iframeautoresize,在加载事件AUTORESIZE的iframe(默认:true) 
cursorminheight,设置在像素的最小光标高度(默认值:20) 
preservenativescrolling,您可以滚动本机可滚动区域用鼠标,冒泡鼠标滚轮事件(默认:true) 
railoffset,您可以添加抵消顶部/左边的轨道位置(默认:false) 
bouncescroll,使滚动弹跳在内容结尾作为移动像(仅HW ACCELL)(默认:false) 
spacebarenabled,使向下翻页时,空格键已经按下滚动(默认:true) 
railpadding,设置填充为铁路吧(默认值:{顶:0,右:0,左:0,下:0}) 
disableoutline,对于chrome浏览器,停用大纲(橙色hightlight)选择具有nicescroll一个div(默认: 
true)时, 
horizrailenabled,nicescroll可以管理水平滚动(默认:true) 
railalign,取向垂直导轨(defaul:“右”) 
railvalign,对齐水平导轨(defaul:“底部”) 
enabletranslate3d,nicescroll可以使用CSS转换为滚动内容(默认:true) 
enablemousewheel,nicescroll可以管理的鼠标滚轮事件(默认:true) 
enablekeyboard,nicescroll可以管理键盘事件(默认:true) 
smoothscroll,滚动自如移动(默认:true) 
sensitiverail,点击轨道上进行滚动(默认:true) 
enablemouselockapi,可以用鼠标说明锁的API(对象拖动同样的问题)(默认:true) 
cursorfixedheight,用于光标在像素设置固定的高度(默认:false) 
hidecursordelay,设置在微秒淡出滚动条的延迟时间(默认值:400) 
directionlockdeadzone,在对方向锁定激活像素死区(默认值:6) 
nativeparentscrolling,检测内容底部,并让家长来滚动,作为原生滚动做(默认:true)
enablescrollonselection,启用自动滚动的内容时,选择文本(默认:true)

$().getNiceScroll().hide(); // 隐藏滚动条

$().getNiceScroll().size(); // 重置滚动条

$("#scrollInner").niceScroll(

touchbehavior:false,cursorcolor:"#398F70",

      cursoropacitymax:1,

      cursorwidth:5,

        cursorborder:"none",
cursorborderradius:"4px",
background:"#2F7758",
autohidemode:false
});

jquery.nicescroll完美滚动条使用方法的更多相关文章

  1. jquery.nicescroll.min.js滚动条使用方法

    jquery.nicescroll.min.js滚动条使用方法,Nicescroll 是制作自定义滚动条的jq插件.支持div,iframe,html等使用,兼容IE7-8,safari,firefo ...

  2. jQuery 自定义网页滚动条样式插件 mCustomScrollbar 的介绍和使用方法(转)

    系统默认的滚动条样式,真的已经看的够恶心了.试想一下,如果在一个很有特色和创意的网页中,出现了一根系统中默认的滚动条样式,会有多么的别扭. 为了自己定义网页中的滚动条的方法,我真的已经找了很久了,就目 ...

  3. jquery.nicescroll.min.js滚动条插件的用法

    1.jquery.nicescroll.min.js源码 /* jquery.nicescroll 3.6.8 InuYaksa*2015 MIT http://nicescroll.areaaper ...

  4. jQuery实现模拟滚动条效果;

    滚动条在web开发中,很常见,原生的HTML滚动条很难看,因此很多网站借助JS来模拟实现滚动条效果: 滚动条的实现原理其实比较简单,拿垂直滚动条来说: 1),最外层容器需要设置overflow:hid ...

  5. Jquery图片随滚动条加载

    很久以前的写的Jquery图片随滚动条加载,现在不是什么新技术,应用也很广泛,大大提高图片多的页面打开速度! 有需要的朋友看看吧!有什么意见或建议欢迎留言交流! Demo.html  源码: < ...

  6. jQuery粘性跟随滚动条滚动的导航栏源代码下载

    jQuery粘性跟随滚动条滚动的导航栏源代码下载 作者:网页模板 大小:0.005MB 点击次数:3494 发布时间:2014-03-07 12:55 分享到:0 特效介绍 jQuery粘性跟随滚动条 ...

  7. Jquery如何序列化form表单数据为JSON对象 C# ADO.NET中设置Like模糊查询的参数 从客户端出现小于等于公式符号引发检测到有潜在危险的Request.Form 值 jquery调用iframe里面的方法 Js根据Ip地址自动判断是哪个城市 【我们一起写框架】MVVM的WPF框架(三)—数据控件 设计模式之简单工厂模式(C#语言描述)

    jquery提供的serialize方法能够实现. $("#searchForm").serialize();但是,观察输出的信息,发现serialize()方法做的是将表单中的数 ...

  8. JQuery的核心的一些方法[扒来的]

    JQuery的核心的一些方法 each(callback) '就像循环 $("Element").length; ‘元素的个数,是个属性 $("Element" ...

  9. jQuery中的事件绑定方法

    在jQuery中,事件绑定方法大致有四种:bind(),live(), delegate(),和on(). 那么在工作中应该如何选择呢?首先要了解四种方法的区别和各自的特点. 在了解这些之前,首先要知 ...

随机推荐

  1. 真~让IE8支持background: rbga; ,IE8下兼容rgba颜色的半透明背景

    IE8下兼容rgba颜色的半透明背景 这样的标题在百度和google搜索下很多篇文章,讲解IE8下兼容rgba的. 这些文章全部都是使用IE下的filter来使元素透明,但是这个里面会有bug. 它们 ...

  2. oracle存储过程常用技巧

    我们在进行pl/sql编程时打交道最多的就是存储过程了.存储过程的结构是非常的简单的,我们在这里除了学习存储过程的基本结构外,还会学习编写存储过程时相关的一些实用的知识.如:游标的处理,异常的处理,集 ...

  3. MiniUI中DataGrid数据的载入

    本文将介绍一下,在ASP.NET MVC环境下,如何用Jquery MiniUI中的Datagrid控件载入数据. 1.效果展示: 2.具体步骤: 1>  既然是在MVC里,那我们的界面自然选择 ...

  4. 介绍Ext JS 4.2的新特性的《深入浅出Ext JS》上市

    以用户为中心的时代,应用的界面外观变得越来越重要.然而,很多程序员都缺乏美术功底,要开发出界面美观的应用实属不易.Ext JS的出现,为广大程序员解决了这一难题.它有丰富多彩的界面和强大的功能,是开发 ...

  5. java连接mysql步骤

    转自:http://www.cnblogs.com/hongten/archive/2011/03/29/1998311.html JDBC连接mysql数据库   •创建一个以JDBC连接数据库的程 ...

  6. Paxos算法与Zookeeper分析

    1 Paxos算法 1.1 基本定义 算法中的参与者主要分为三个角色,同时每个参与者又可兼领多个角色: ⑴proposer 提出提案,提案信息包括提案编号和提议的value; ⑵acceptor 收到 ...

  7. mybatis使用generator生成对应的model、mapping配置文件、dao

    http://blog.csdn.net/fengshizty/article/details/43086833 使用时 补充 输入命令:cd d:\generator  敲回车 再输入命令:d: 敲 ...

  8. javascript实现九九乘法表

    CSS代码部分: <style type="text/css"> table { width: 800px; height: 300px; border-collaps ...

  9. Bootstrap学习(2)--表单

    Bootstrap里的role属性,增强标签的语义化,提高识别力,  如:<form role="form"> input.select.textarea等元素,在Bo ...

  10. Bootstrap 3 Datepicker 使用过程

    最近在创建记录的时候,需要用到日历的功能.本身是使用的bootstrap布局的,所以就找到Datepicker,看了一下用起来还是挺方便的.下面就是使用过程. 依赖的资源 jQuery Moment. ...