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(). 那么在工作中应该如何选择呢?首先要了解四种方法的区别和各自的特点. 在了解这些之前,首先要知 ...
随机推荐
- Python函数信息
Python函数func的信息可以通过func.func_*和func.func_code来获取 一.先看看它们的应用吧: 1.获取原函数名称: 1 >>> def yes():pa ...
- 非常强大的table根据表头排序,点击表头名称,对其内容排序
js代码: /** * 通过表头对表列进行排序 * * @param sTableID * 要处理的表ID<table id=''> * @param iCol * 字段列id eg: 0 ...
- AppCan开发者资料分享(定期更新)
开发者培训 上海20150925开发者培训资料:链接:http://pan.baidu.com/s/1mgCLzz6 密码:mqgi 版权声明:本文为博主原创文章,未经博主允许不得转载.
- 解决Qualcomm Atheros AR8161 Gigabit Ethernet网卡Linux下坏掉的问题
我的戴尔(Dell)I2330R-168一体电脑的网卡在升级某个内核版本后,网卡就用一会儿就坏了 ifconfig eth0 eth0: flags=<UP,BROADCAST,RUNNING, ...
- django 同步数据库
http://www.jianshu.com/p/dbc4193b4f95 博主教程讲解比较详细,可做参考使用.
- 让我轻轻的告诉你AliSQLselect语句中in多少个合适
在以往的分享中,不止一次被开发问: 在MySQL的官方手册上有这么一句话: the optimizer can estimate the row count for each range using ...
- QFile QDataStream QTextStream
#include <QCoreApplication> #include <QMap> #include <QFile> #include <QDir> ...
- Comparable和Comparator的区别
Comparable Comparable可以认为是一个内比较器,实现了Comparable接口的类有一个特点,就是这些类是可以和自己比较的,至于具体和另一个实现了Comparable接口的类如何比较 ...
- python :开关,开灯关灯
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/ ...
- Manthan, Codefest 16 -A Ebony and Ivory
time limit per test 2 seconds memory limit per test 256 megabytes input standard input output standa ...