jquery.nicescroll完美滚动条使用方法

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
    });
时间: 2024-07-31 14:32:37

jquery.nicescroll完美滚动条使用方法的相关文章

jquery.nicescroll.min.js滚动条插件的用法

1.jquery.nicescroll.min.js源码 /* jquery.nicescroll 3.6.8 InuYaksa*2015 MIT http://nicescroll.areaaperta.com */(function(f){"function"===typeof define&&define.amd?define(["jquery"],f):"object"===typeof exports?module.ex

滚动条美化插件jquery.nicescroll

今天给大家介绍一个滚动条美化插件jquery.nicescroll,这个插件有以下一个主意事项: 1.兼容所有最新的桌面浏览器和旧版:Chrome,Firefox,Edge,IE8 +,Safari(win / mac),Opera 2.兼容移动设备:iPad / iPhone / iPod,Android 4 +,Blackberry手机和Playbook(WebWorks / Table OS),Windows Phone 8和10 3.兼容所有触摸设备:iPad,Android平板电脑,W

滚动条插件---jquery.nicescroll.js 简单使用

// 引入下载好的js文件 <script src="./js/jquery.nicescroll.min.js"></script> <script> //因为在同一个页面有tab切换项都需要使用滚动条,遇到一个问题,就是在点击下一个切换项的时候,上一个切换项的滚动条不会立即消失,所以给每一个切换项设置点击效果,添加和删除类名. //注意:如果没有给不同的切换项添加上类名的话,滚动条是不会显示的,所以在开始就要给他们添加上需要的类名,在点击的时候在

使用JQuery和CSS3两种方法实现瀑布流布局

JQ实现瀑布流图片定位 1.jQuery是继prototype之后又一个优秀的Javascript框架 2.$(window).width() 浏览器视窗的宽度 outerWidth() = padding+border+width; width() = width/*在jQuery中,width()方法用于获得元素宽度:innerWidth()方法用于获得包括内边界(padding)的元素宽 度,outerWidth()方法用于获得包括内边界(padding)和边框(border)的元素宽度,

jQuery粘性跟随滚动条滚动的导航栏源代码下载

jQuery粘性跟随滚动条滚动的导航栏源代码下载 作者:网页模板 大小:0.005MB 点击次数:3494 发布时间:2014-03-07 12:55 分享到:0 特效介绍 jQuery粘性跟随滚动条滚动的导航栏源代码下载,不兼容IE6.点击导航栏不同的按钮,滑动到不同的内容.滚动条滚动,导航栏会自始至终保持在浏览器可是区域的最顶端. 使用方法 第一步.在head区域引入下面的css样式: 01 <link href="http://fonts.googleapis.com/css?fam

转:jQuery.lazyload详解使用方法

来源:http://www.cnblogs.com/wenbo/archive/2011/07/15/2107579.html jQuery实现图片延迟加载,不知道是否可以节省带宽呢?有人知道吗? 这究竟只是一个视觉特效还是真的能延迟加载减少服务器的请求呢? <script type="text/javascript" src="<?php bloginfo('template_directory');?>/js/jquery.lazyload.js&quo

jquery提交request body的方法

今天刚看到一个网友写的使用jquery提交request body的方法,之前真的没有用到过. $.ajax({ type: "POST", url: "/Service/ListString", contentType: "application/json", dataType: "json", data: JSON.stringify({ "BuIds": ["1", "2

jquery中html 与 text方法的区别

jquery中html 与 text方法的区别 24 May 2012/in 网站设计和开发 /by Bruce 接鉵jquery的时间并不长,以前都是用直接用js写的,现在发现在jquery这个框架用起来很方便,不但代码量少了,使用也比较简单,对于浏览器的兼容问题也不用担心,在使用的过程中也会遇到一些疑问,在html标签中附加子标签时所用的方法html()与text()的区别. 通常在用jquery写ajax时,都会用到html()这个方法,而不用text()这个方法,他们之间有什么区别呢?

Xcode itunes完美打包api方法

转:http://bbs.csdn.net/topics/390948190 Xcode6 itunes完美打包api 方法! 特点轻盈小巧,方便快捷!