jquery.nicescroll完美滚动条使用方法
配置参数
当调用“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完美滚动条使用方法的更多相关文章
- jquery.nicescroll.min.js滚动条使用方法
jquery.nicescroll.min.js滚动条使用方法,Nicescroll 是制作自定义滚动条的jq插件.支持div,iframe,html等使用,兼容IE7-8,safari,firefo ...
- jQuery 自定义网页滚动条样式插件 mCustomScrollbar 的介绍和使用方法(转)
系统默认的滚动条样式,真的已经看的够恶心了.试想一下,如果在一个很有特色和创意的网页中,出现了一根系统中默认的滚动条样式,会有多么的别扭. 为了自己定义网页中的滚动条的方法,我真的已经找了很久了,就目 ...
- jquery.nicescroll.min.js滚动条插件的用法
1.jquery.nicescroll.min.js源码 /* jquery.nicescroll 3.6.8 InuYaksa*2015 MIT http://nicescroll.areaaper ...
- jQuery实现模拟滚动条效果;
滚动条在web开发中,很常见,原生的HTML滚动条很难看,因此很多网站借助JS来模拟实现滚动条效果: 滚动条的实现原理其实比较简单,拿垂直滚动条来说: 1),最外层容器需要设置overflow:hid ...
- Jquery图片随滚动条加载
很久以前的写的Jquery图片随滚动条加载,现在不是什么新技术,应用也很广泛,大大提高图片多的页面打开速度! 有需要的朋友看看吧!有什么意见或建议欢迎留言交流! Demo.html 源码: < ...
- jQuery粘性跟随滚动条滚动的导航栏源代码下载
jQuery粘性跟随滚动条滚动的导航栏源代码下载 作者:网页模板 大小:0.005MB 点击次数:3494 发布时间:2014-03-07 12:55 分享到:0 特效介绍 jQuery粘性跟随滚动条 ...
- Jquery如何序列化form表单数据为JSON对象 C# ADO.NET中设置Like模糊查询的参数 从客户端出现小于等于公式符号引发检测到有潜在危险的Request.Form 值 jquery调用iframe里面的方法 Js根据Ip地址自动判断是哪个城市 【我们一起写框架】MVVM的WPF框架(三)—数据控件 设计模式之简单工厂模式(C#语言描述)
jquery提供的serialize方法能够实现. $("#searchForm").serialize();但是,观察输出的信息,发现serialize()方法做的是将表单中的数 ...
- JQuery的核心的一些方法[扒来的]
JQuery的核心的一些方法 each(callback) '就像循环 $("Element").length; ‘元素的个数,是个属性 $("Element" ...
- jQuery中的事件绑定方法
在jQuery中,事件绑定方法大致有四种:bind(),live(), delegate(),和on(). 那么在工作中应该如何选择呢?首先要了解四种方法的区别和各自的特点. 在了解这些之前,首先要知 ...
随机推荐
- 【转载】Spring MVC 整合 Freemarker
前言 1.为什么要使用Spring MVC呢? 2.为什么要使用Freemarker呢? 3.为什么不使用Struts2呢? 此示例出现的原因就是发现了struts2的性能太差,所以学习Spring ...
- Java Garbage Collection基础详解------Java 垃圾回收机制技术详解
最近还是在找工作,在面试某移动互联网公司之前认为自己对Java的GC机制已经相当了解,其他面试官问的时候也不存在问题,直到那天该公司一个做搜索的面试官问了我GC的问题,具体就是:老年代使用的是哪中垃圾 ...
- C#动态生成html页
Html生成模块:WriteHtml.cs using System.Collections.Generic; using System.IO; using System.Text; namespac ...
- ios学习-控制按钮图片的走动和变换
一.项目要求:制作一个界面,通过点击按钮来控制头像(按钮)向上,向下,向左,向右移动,可以左旋转,右旋转,以及放大和缩小. 二.开发步骤: 1.通过拖动按钮到storyboard搭建UI界面(后面会写 ...
- 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 ...
- 用 正则表达式 限定XML simpleType 定义
<xsd:simpleType name="ResTrictions"> <xsd:restriction base="xsd:string" ...
- ubuntu执行sudo apt-get update提示缺少公钥
提示信息如下: 获取:1 http://archive.ubuntukylin.com:10006/ubuntukylin xenial InRelease [3,192 B] 命中:2 http:/ ...
- Vmware10如何打开vmware11建立的虚拟机
先说一下办法: 使用文本工具打开VMware 虚拟机配置文件(*.vmx文件),找到"virtualHW.version"一行,将值11修改为10保存即可. 修改之前: 硬件兼容性 ...
- 非默认安装目录下mysql数据的导出与导入
系统:Centos 6.5 1.首先确定msyql是否安装以及安装目录: [root@localhost ~]# service mysqld status mysqld (pid ) 正在运行... ...
- 【STL】优先队列priority_queue详解+OpenJudge-4980拯救行动
一.关于优先队列 队列(queue)这种东西广大OIer应该都不陌生,或者说,队列都不会你还学个卵啊(╯‵□′)╯︵┻━┻咳咳,通俗讲,队列是一种只允许从前端(队头)删除元素.从后端(队尾)插入元素的 ...