配置参数 
当调用“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. 【转载】Spring MVC 整合 Freemarker

    前言 1.为什么要使用Spring MVC呢? 2.为什么要使用Freemarker呢? 3.为什么不使用Struts2呢? 此示例出现的原因就是发现了struts2的性能太差,所以学习Spring ...

  2. Java Garbage Collection基础详解------Java 垃圾回收机制技术详解

    最近还是在找工作,在面试某移动互联网公司之前认为自己对Java的GC机制已经相当了解,其他面试官问的时候也不存在问题,直到那天该公司一个做搜索的面试官问了我GC的问题,具体就是:老年代使用的是哪中垃圾 ...

  3. C#动态生成html页

    Html生成模块:WriteHtml.cs using System.Collections.Generic; using System.IO; using System.Text; namespac ...

  4. ios学习-控制按钮图片的走动和变换

    一.项目要求:制作一个界面,通过点击按钮来控制头像(按钮)向上,向下,向左,向右移动,可以左旋转,右旋转,以及放大和缩小. 二.开发步骤: 1.通过拖动按钮到storyboard搭建UI界面(后面会写 ...

  5. Good Bye 2015 D. New Year and Ancient Prophecy

    D. New Year and Ancient Prophecy time limit per test 2.5 seconds memory limit per test 512 megabytes ...

  6. 用 正则表达式 限定XML simpleType 定义

    <xsd:simpleType name="ResTrictions"> <xsd:restriction base="xsd:string" ...

  7. ubuntu执行sudo apt-get update提示缺少公钥

    提示信息如下: 获取:1 http://archive.ubuntukylin.com:10006/ubuntukylin xenial InRelease [3,192 B] 命中:2 http:/ ...

  8. Vmware10如何打开vmware11建立的虚拟机

    先说一下办法: 使用文本工具打开VMware 虚拟机配置文件(*.vmx文件),找到"virtualHW.version"一行,将值11修改为10保存即可. 修改之前: 硬件兼容性 ...

  9. 非默认安装目录下mysql数据的导出与导入

    系统:Centos 6.5 1.首先确定msyql是否安装以及安装目录: [root@localhost ~]# service mysqld status mysqld (pid ) 正在运行... ...

  10. 【STL】优先队列priority_queue详解+OpenJudge-4980拯救行动

    一.关于优先队列 队列(queue)这种东西广大OIer应该都不陌生,或者说,队列都不会你还学个卵啊(╯‵□′)╯︵┻━┻咳咳,通俗讲,队列是一种只允许从前端(队头)删除元素.从后端(队尾)插入元素的 ...