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
});
最新文章
- 【java】关于时间
- 官网服务质量检测脚本(源码来自《Python自动化运维实战》第二版刘天斯)
- HBase Java API使用(一)
- 如何创建javascript只读变量
- struts2 之 struts2数据处理
- sublime text3在指定浏览器上本地服务器(localhost)运行文件(php)
- 201521123098 《Java程序设计》第6周学习总结
- 网页头部 lang的声明
- 移动端meta标签缓存设置
- 美团笔试(web前端)
- 046 hiveserver2以及beeline客户端的使用
- SQLite与ContentProvider
- thinkphp5学习总结!
- CE lua脚本
- 安装cnpm
- 验证码在后台的编写,并实现点击验证码图片时时发生更新 C# 项目发布到IIS后不能用log4net写日志
- 【Leetcode】【Medium】Add Two Numbers
- Remove Duplicates from Sorted Array I&;&;II——怎样防超时
- uva 11825 巧妙地子集枚举方法
- Python绘图matplotlib
热门文章
- WEB前端开发CSS基础样式全面总结
- Microsoft.Crm.Setup.SrsDataConnector.RegisterServerAction 操作失败
- MVC5路由系统机制详细讲解
- 解决windows 10无法打开.hlp帮助文件的问题
- 勇者斗恶龙UVa11292 - Dragon of Loowater
- PRINCE2的思维结构
- SVN批处理
- 使用maven搭建SpringMVC项目环境
- [转载] SQL获取所有数据库名、表名、储存过程以及参数列表
- jquery.validate 使用--验证表单隐藏域