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,/* ...
随机推荐
- Model Binding To A List
[文章来源see here] Using the DefaultModelBinder in ASP.NET MVC, you can bind submitted form values to ar ...
- 基本功能的shell
手把手教你编写一个具有基本功能的shell(已开源) 刚接触Linux时,对shell总有种神秘感:在对shell的工作原理有所了解之后,便尝试着动手写一个shell.下面是一个从最简单的情况开始,一 ...
- [转]iOS Tutorial – Dumping the Application Heap from Memory
Source:https://blog.netspi.com/ios-tutorial-dumping-the-application-heap-from-memory/ An essential ...
- Java 快速开发平台 WB 6.8 发布
WebBuilder是一款开源的可视化Web应用开发和运行平台. 基于浏览器的集成开发环境,采用可视化的设计模式,支持控件的拖拽操作,能轻松完成前后台应用开发: 高效.稳定和可扩展的特点,适合复杂企业 ...
- HDU 2076 夹角有多大(题目已修改,注意读题)
Problem Description 时间过的好快,一个学期就这么的过去了,xhd在傻傻的看着表,出于对数据的渴望,突然他想知道这个表的时针和分针的夹角是多少.现在xhd知道的只有时间,请你帮他算出 ...
- 工作流--JBPM简介及开发环境搭建
一. 工作流简介 项目中不断的接触工作流,点点滴滴积累了一些,下面把一些学习到的东西整理记录下来. 工作流一般的适用场景:公文流转.行政审批.订单处理.产品研发.制造过程等.用专业一点的语言来描述工作 ...
- Cocos2d-x--Box2D使用GLES-Render.h渲染查看刚体
分为两部分:文件拷贝和代码实现 1.文件拷贝: 在TestCpp下找到GLES-Render.h和GLES-Render.cpp两个文件 复制到G:\cocos2d-2.1rc0-x-2.1.3\co ...
- JSP引擎的工作原理
JSP运行环境: 执行JSP代码需要在服务器上安装JSP引擎,比较常见的引擎有WebLogic和Tomcat.把这些支持JSP的web服务器配置好后.就可以再客户端通过浏览器来访问JSP页面了.默认端 ...
- Hadoop学习之Ubuntu12.04 Hadoop 环境搭建笔记
SSH无密码配置 Hadoop在Ubuntu12.04上搭建环境 报错及问题 SSH无密码配置 参考:Linux(Centos)配置OpenSSH无密码登陆 注意问题: Hadoop集成环境三台机器都 ...
- ASP.NET Zero--11.一个例子(4)商品分类管理-数据检验
虽然已经可以添加商品分类,但还需进行优化,比如:用户是否输入.输入字符串是否有格式限制等等. 打开添加分类按钮,名称不输入任何字符,直接保存,会发现列表添加一条空记录.在实际项目中,这是不允许出现的事 ...