博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jquery.nicescroll完美滚动条使用方法
阅读量:6800 次
发布时间:2019-06-26

本文共 2164 字,大约阅读时间需要 7 分钟。

配置参数 

当调用“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    });

转载于:https://www.cnblogs.com/chongtao/p/6018448.html

你可能感兴趣的文章
【老孙随笔】技术人如何发财致富?
查看>>
开源可实现迁移
查看>>
融合式架构Nutanix深入分析一
查看>>
RHEL6.3下配置简单Apache https
查看>>
利用Cocos2dx-3.0新物理特性模拟弹珠迷宫
查看>>
Office 365系列之三:Office365初体验
查看>>
VMware View client for iPad在医疗行业的应用
查看>>
Altiris 7.1 Agent
查看>>
独家爆料:创宇云与小鸟云的故事
查看>>
Windows Server 2012 RMS for Exchange Server 2013
查看>>
SUSE LINUX 10 NOVELL-ZMD错误解析
查看>>
Linux网络IP配置
查看>>
人工智能:智慧型手机的未来
查看>>
在EF中构建业务层小记
查看>>
PowerShell 学习笔记——使用帮助系统
查看>>
CentOS6.5+mysql5.1源码安装过程
查看>>
投篮游戏选择点——自我认可和责任测试
查看>>
Jar与外部文件的信息交互
查看>>
做企业不能有上帝的情怀
查看>>
FireEye:K3chang行动***欧洲外交部门
查看>>