niceScroll接口大全
Query滚动条插件兼容ie6+、手机、ipad
http://www.areaaperta.com/nicescroll/
jQuery(function($){
$("#scrollInner").niceScroll({
touchbehavior:false,
cursorcolor:"#398F70",
cursoropacitymax:1,
cursorwidth:5,
cursorborder:"none",
cursorborderradius:"4px",
background:"#2F7758",
autohidemode:false
});
})
配置参数
当调用“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)
niceScroll接口大全的更多相关文章
- (实用篇)php官方微信接口大全(微信支付、微信红包、微信摇一摇、微信小店)
微信入口绑定,微信事件处理,微信API全部操作包含在这些文件中.内容有:微信摇一摇接口/微信多客服接口/微信支付接口/微信红包接口/微信卡券接口/微信小店接口/JSAPI <?php class ...
- 免费web api接口大全
下面的接口来自互联网,部分功能需要付费 查询手机 http://www.yodao.com/smartresult-xml/search.s?type=mobile&q=手机号码 查询IP h ...
- webService接口大全
中文<->英文双向翻译WEB服务 获得标准数据 Endpoint: http://fy.webxml.com.cn/webservices/EnglishChinese.asmx Disc ...
- 免费 web api 接口大全
下面的接口来自互联网,部分功能需要付费 查询手机 http://www.yodao.com/s-martresult-xml/search.s?type=mobile&q= 手机号码 查询 I ...
- 开放平台(接口)开发-1-天气API接口大全
前几天有个公司让准备一下第二次面试.应聘的是IOS开发实习生,可是之前一直做android,IOS刚接触了一个月,会的不是非常多,所以决定做一个实际的项目展现给面试官,余同学给了个建议:能够做一 ...
- php官方微信接口大全
微信入口绑定,微信事件处理,微信API全部操作包含在这些文件中.内容有:微信摇一摇接口/微信多客服接口/微信支付接口/微信红包接口/微信卡券接口/微信小店接口/JSAPI <?php class ...
- asp.net开源流程引擎API开发调用接口大全-工作流引擎设计
关键词: 工作流引擎 BPM系统 接口调用 工作流快速开发平台 工作流流设计 业务流程管理 asp.net 开源工作流 一.程序调用开发接口二. 接口说明 所谓的驰骋工作流引擎的接口,在B ...
- 酷狗音乐API接口大全(40+个)
歌单分类部分 获取精选专区所有分类 http://mobilecdnbj.kugou.com/api/v3/tag/list?pid=0&apiver=2&plat=0 获取热门推荐分 ...
- 旅游景点信息API接口大全
1.分享数据:“http://www.shareapi.cn/docs/api/id/127”,免费,次数1000次 返回JSON示例 { "SceneryID":10224,/* ...
随机推荐
- SQL Server的数据加密简介
防止开发人员获取到敏感数据(SQL Server的数据加密简介) 背景 有时候,我们还真的会碰到这样的需求:防止开发人员获取到敏感数据.也许你觉得很简单,把开发和运营分开不就可以了吗?是的,如果公司有 ...
- poj1001求幂
这道题目是实质上就是高精度的乘法,虽然是带小数点的数多少次幂,但是开始我们需要将它变为整数进行求幂,然后再加上小数点,然后要考虑前导0,有效数位问题,做的时候要十分的小心 #include<io ...
- Python之FTP多线程下载文件之分块多线程文件合并
Python之FTP多线程下载文件之分块多线程文件合并 欢迎大家阅读Python之FTP多线程下载系列之二:Python之FTP多线程下载文件之分块多线程文件合并,本系列的第一篇:Python之FTP ...
- 竞价广告系统-ZooKeeper介绍
ZooKeeper介绍 为了讲述的完整性,介绍一下ZooKeeper.ZooKeeper在Index和Ad Server里使用比较多,虽然它可能没有google的Chubby好,但它是开源的工具.举一 ...
- Microsoft 电信项目组 Net代码生成器1.1
Microsoft 电信项目组 Net代码生成器1.1 微软电信项目组代码生成器 为什么要使用这个代码生成器: 1.这个代码生成器采用 微软 企业库5.0 版本,目前CAPO所在的项目组都在使用这个 ...
- sql tran, c# SqlTransaction , TransactionScope 的用法
本节主要介绍Sql语句,SqlTransaction和TransactionScope这三种使用事务的方法. 本节的所有例子都在sql server 2008和vs 2008环境下运行通过 ...
- mosquitto awareness when before it's being compiling, and you do settings and testing
Mostly, this clearify the usage of ' mosquitto.conf ' in easy-understanding language. 1. compile ...
- hdu-4471-Homework-矩阵快速幂+优化加速
题目链接: http://acm.hdu.edu.cn/showproblem.php?pid=4471 题目意思: 求f(n). 当n为特殊点nk时 解题思路: 当x不为特殊点时,直接用基本的矩阵快 ...
- 解决Eclipse一直loading workbench无法启动的问题
不知怎地,Eclipse始终停留在Loading workbench状态.反复重启,状态依旧.尝试解决. 停止时显示的状态:”Loading workbench”,看来和这个workbench插件有关 ...
- 结构-行为-样式-AngularJs--指令实现 手动触发响应到页面指定位置
最近工作需要增强用户体验,项目经理说下拉框架用户体验太差,于是乎我开始想了如下指令.这个指令可以让用户点击的时候把下拉或者其他的响应显示的东西不会因为屏幕的滚动而看不见,也就是让用户看见他想看见的. ...