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接口大全的更多相关文章

  1. (实用篇)php官方微信接口大全(微信支付、微信红包、微信摇一摇、微信小店)

    微信入口绑定,微信事件处理,微信API全部操作包含在这些文件中.内容有:微信摇一摇接口/微信多客服接口/微信支付接口/微信红包接口/微信卡券接口/微信小店接口/JSAPI <?php class ...

  2. 免费web api接口大全

    下面的接口来自互联网,部分功能需要付费 查询手机 http://www.yodao.com/smartresult-xml/search.s?type=mobile&q=手机号码 查询IP h ...

  3. webService接口大全

    中文<->英文双向翻译WEB服务 获得标准数据 Endpoint: http://fy.webxml.com.cn/webservices/EnglishChinese.asmx Disc ...

  4. 免费 web api 接口大全

    下面的接口来自互联网,部分功能需要付费 查询手机 http://www.yodao.com/s-martresult-xml/search.s?type=mobile&q= 手机号码 查询 I ...

  5. 开放平台(接口)开发-1-天气API接口大全

     前几天有个公司让准备一下第二次面试.应聘的是IOS开发实习生,可是之前一直做android,IOS刚接触了一个月,会的不是非常多,所以决定做一个实际的项目展现给面试官,余同学给了个建议:能够做一 ...

  6. php官方微信接口大全

    微信入口绑定,微信事件处理,微信API全部操作包含在这些文件中.内容有:微信摇一摇接口/微信多客服接口/微信支付接口/微信红包接口/微信卡券接口/微信小店接口/JSAPI <?php class ...

  7. asp.net开源流程引擎API开发调用接口大全-工作流引擎设计

    关键词: 工作流引擎 BPM系统 接口调用 工作流快速开发平台  工作流流设计  业务流程管理   asp.net 开源工作流 一.程序调用开发接口二.   接口说明 所谓的驰骋工作流引擎的接口,在B ...

  8. 酷狗音乐API接口大全(40+个)

    歌单分类部分 获取精选专区所有分类 http://mobilecdnbj.kugou.com/api/v3/tag/list?pid=0&apiver=2&plat=0 获取热门推荐分 ...

  9. 旅游景点信息API接口大全

    1.分享数据:“http://www.shareapi.cn/docs/api/id/127”,免费,次数1000次 返回JSON示例 { "SceneryID":10224,/* ...

随机推荐

  1. MongoDB:利用官方驱动改装为EF代码风格的MongoDB.Repository框架 四

    本次改动主要实现MongoGridFS功能.实现方式主要使用了MongoGridFS和MongoGridFSFileInfo两个类. 设计思路:定义一个IMongoFile接口并继承IEntity,以 ...

  2. office文件的预览

    使用FlexPaper实现office文件的预览(C#版) 需求很简单,用户上传office文件(word.excel.ppt)后,可以预览上传的这些文件.搜索的相关的资料后.整理如下: Step1. ...

  3. C/C++ 中 const 修饰符用法总结

    C/C++ 中 const 修饰符用法总结 在这篇文章中,我总结了一些C/C++语言中的 const 修饰符的常见用法,供大家参考. const 的用法,也是技术性面试中常见的基础问题,希望能够帮大家 ...

  4. js正则验证邮箱格式

    首先总结一下邮箱的格式,邮箱由@分隔,左侧为用户名,右侧为邮箱域名,用户名可以由字母.数字._.-以及.组成,但是必须是以字母或数字开头,邮箱的域名是由字母.数字.-和.组成的,但是必须以.加上字母的 ...

  5. Lucene学习-深入Lucene分词器,TokenStream获取分词详细信息

    Lucene学习-深入Lucene分词器,TokenStream获取分词详细信息 在此回复牛妞的关于程序中分词器的问题,其实可以直接很简单的在词库中配置就好了,Lucene中分词的所有信息我们都可以从 ...

  6. 一点MongoDB的基础及mongodb在mac上的安装

    最近发现维持写博客的习惯还是挺困难的,尤其对我来说,计划好的事过了好长时间才想到要去做. 这段时间一直在熟悉MongoDB,首先我是参考的这一篇:8天学通MongoDB   原博主写得非常好,我这里就 ...

  7. Memcache的一些学习

    Memcache的一些学习 首先,Memcache是一个高性能的分布式内存对象缓存系统,用于动态Web应用以减轻数据库负载.它通过在内存中缓存数据和对象来减少读取数据库的次数,从而提供动态.数据库驱动 ...

  8. 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 ...

  9. ERROR 1130: Host xxx is not allowed to connect to this MySQL server

    在使用MySQL-Front连接mysql的时候发生的这个错误 ERROR 1130: Host xxx is not allowed to connect to this MySQL server ...

  10. Android获取SD卡中选中图片的路径(URL)

    最近在做一个图片上传的功能,需要提供上传图片在SD卡中的路径,在网上看了些例子,改改调试成功,代码很简单.其布局文件如下: [html]  view plain copy   <?xml ver ...