jquery.nicescroll.min.js滚动条使用方法
(来自博客公园,原网站http://www.cnblogs.com/reweb/p/3268775.html)
Jquery。Nicescroll.min.js滚动条使用方法,Nicescroll是一个制作自定义滚动条的jq插件。它支持使用div、iframe、html等。,并兼容IE7-8、safari、firefox、webkit内核浏览器(chrome、safari)以及智能终端设备浏览器的滚动条。
页面使用:
$(& quot;html & quot).niceScroll({
光标颜色:& quot# E62020 & quot,
cursor capacity max:1,
触摸行为:假,
cursor width:& quot;10px & quot,
光标命令:& quot0 & gt;,
cursorborderradius:& quot;5px & quot
})
Nicescroll详细参数配置:
设置滚动条的颜色,默认值是“# 000000”
滚动条的最小透明度
滚动条的最大透明度
cursor width-滚动条的宽度,以像素为单位,默认为5(可以写成“5PX”)
CSS定义了边框,默认为“1px纯色#FFF”
cursorborderradius-滚动条的边框角。
改变滚动条的DIV的z索引值,默认值是9999。
scroll speed滚动速度,默认值为60。
mouse scroll step-滚动鼠标滚轮的速度,默认值是40(像素)
touch behavior-允许滚动条拖动和滚动。触摸设备默认为假。
HW acceleration-当使用硬件加速滚动支持时,默认值为true。
box zoom-使缩放框的内容默认为假。
Dblclickzoom-(仅当boxzoom = TRUE时)开始缩放时,双击框,默认为TRUE。
Gesturezoom-boxzoom = true并使用触摸设备)缩放(仅当激活时,间距/框,默认为true。
Grabcursorenabled“抓取”图标,当显示div = true的触摸行为时,默认值为true。
Autohidemode,如何隐藏滚动条作品,真正的默认/”cursor” =只隐藏光标/FALSE =不隐藏。
背景,改变CSS的铁路背景,默认值为””
iframeautoresize中AUTORESIZE iframe上的load事件(默认值:true)
设置滚动条的最小高度(默认值:20)
Preservenativescrolling,您可以使用鼠标滚动局部滚动区域,并冒泡鼠标滚轮事件(默认值:true)
轨道偏移,您可以添加偏移顶部/左侧轨道位置(默认值:false)
Bouncescroll,在滚动结束时移动内容(仅硬件加速)(默认值:FALSE)
Spacebarenabled,允许使用空网格键滚动(默认值:true)
Railpadding,设置间距(默认值:上:0,右:0,左:0,下:0})
Disableoutline,Chrome浏览器,当轮廓(橙色高光)被禁用时,选择一个div nicescroll(默认值:true)