niceScroll 简单使用 及 插件API
官方网址【https://nicescroll.areaaperta.com/】 注：效果见官网右侧滚动条
引入核心文件，插件需要引入1.5.X以上版本的jquery库
<html>
<head>
</head>
<body id="scrollid" style='margin:10px auto; padding-right:12px; overflow:hidden;'>
<div style='height:10000px;'></div>
<script src="js/jquery.min.js"></script>
<script src="js/jquery.nicescroll.js"></script>
<script>
$("#scrollid").niceScroll({
cursorcolor:"#CC0071",
cursoropacitymax:,
touchbehavior:false,
cursorwidth:"5px",
cursorborder:"",
cursorborderradius:"5px"
});
</script>
</body>
</html>
插件API
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 简单使用 及 插件API的更多相关文章
- 【UI插件】简单的日历插件（下）—— 学习MVC思想
前言 我们上次写了一个简单的日历插件,但是只是一个半成品,而且做完后发现一些问题,于是我们今天尝试来解决这些问题 PS:距离上次貌似很久了 上次,我们大概遇到哪些问题呢: ① 既然想做一套UI库,那么 ...
- 实现一个简单的Vue插件
我们先看官方文档对插件的描述 插件通常会为 Vue 添加全局功能.插件的范围没有限制--一般有下面几种: 1.添加全局方法或者属性,如: vue-custom-element 2.添加全局资源:指令/ ...
- Awesomplete - 零依赖的简单自动完成插件
Awesomplete 是一款超轻量级的,可定制的,简单的自动完成插件,零依赖,使用现代化标准构建.你可以简单地添加 awesomplete 样式,让它自动处理(你仍然可以通过指定 HTML 属性配置 ...
- 接口测试从未如此简单 - Postman (Chrome插件)
接口测试从未如此简单 - Postman (Chrome插件) 一个非常有力的Http Client工具用来测试Web服务的, 我这里来介绍如何用它测试restful web service 注:转载 ...
- 编写一个简单的Jquery插件
1.实现内容 定义一个简单的jquery插件,alert传递进来的参数 2.插件js文件(jquery.showplugin.js) (function ($) { //定义插件中的方法 var me ...
- NSIS：简单按钮美化插件SkinButton，支持透明PNG图片。
原文 NSIS:简单按钮美化插件SkinButton,支持透明PNG图片. 征得作者贾可的同意,特发布按钮美化插件SkinButton. 插件说明: 使用GDI+库写的一个简单按钮美化插件,支持透明P ...
- 原生js简单调用百度翻译API实现的翻译工具
先来个在线demo: js翻译工具 或者百度搜索js简单调用百度翻译API工具(不过有个小小的界面显示bug,我想细心的人应该会发现) 或者直接前往该网址:js翻译工具 或者前往我的github:gi ...
- 手把手制作一个简单的IDEA插件(环境搭建Demo篇)
新建IDEA插件File --> new --> Project--> Intellij PlatForm Plugin-->Next-->填好项目名OK 编写插件新建工 ...
- 使用jQuery.extend创建一个简单的选项卡插件
选项卡样式如图,请忽略丑陋的样式,样式可以随意更改 主要是基于jquery的extend扩展出的一个简单的选项卡插件,注意:这里封装的类使用的是es6中的class,所以不兼容ie8等低版本浏览器呦! ...
随机推荐
- VS2013 “未找到与约束 ContractName Microsoft.Internal.VisualStudio.PlatformUI.ISolutionAttachedCollectionService RequiredTypeIdentity Microsoft.Internal.VisualStudio.PlatformUI.ISolutionAttachedCollectionService 匹配的导出”
下面是我出错误的附加图片 这个错误导致无法打开项目. 解决方法: 解: C:\Users\Administrator\AppData\Local\Microsoft\VisualStudio\12.0 ...
- QWidget一生，从创建到销毁事件流
版权声明:若无来源注明,Techie亮博客文章均为原创. 转载请以链接形式标明本文标题和地址: 本文标题:QWidget一生,从创建到销毁事件流 本文地址:http://techieliang ...
- 【log4net】- 非常完善的Log4net详细说明
1.概述 log4net是.Net下一个非常优秀的开源日志记录组件.log4net记录日志的功能非常强大.它可以将日志分不同的等级,以不同的格式,输出到不同的媒介.本文主要是介绍如何在Visual S ...
- Android 如何判断CPU是32位还是64位
转自:http://blog.csdn.net/wangbaochu/article/details/47723265 1. 读取Android 的system property ("ro. ...
- Qt信号与槽机制
一.信号和槽机制 信号和槽用于两个对象之间的通信,信号和槽机制是Qt的核心特征,也是Qt不同于其他开发框架的最突出的特征.在GUI编程中,当改变了一个部件时,总希望其他部件也能了解到该变化.更一般来说 ...
- BZOJ4823 CQOI2017老C的方块（最小割）
如果将其转化为一个更一般的问题即二分图带权最小单边点覆盖(最小控制集)感觉是非常npc的.考虑原题给的一大堆东西究竟有什么奇怪的性质. 容易发现如果与特殊边相邻的两格子都放了方块,并且这两个格子都各有 ...
- Python列表去重的三种方法
1. 列表去重 li = [] for item in my_list: if item not in li: li.append(item) 2.集合去重 list(set(my_list)) 3. ...
- JavaScript中:表达式和语句的区别
JavaScript中:表达式和语句的区别 Javascript语言精粹:表达式是由运算符构成,并运算产生结果的语法结构.程序是由语句构成,语句则是由“:(分号)”分隔的句子或命令.如果在表达式后面加 ...
- springMVC+spring+mybatis搭建最近
一:概述SSM框架在项目开发中经常使用到,相比于SSH框架,它在仅几年的开发中运用的更加广泛. Spring作为一个轻量级的框架,有很多的拓展功能,最主要的我们一般项目使用的就是IOC和AOP. Sp ...
- java 实验四
北京电子科技学院(BESTI) 实 验 报 告 课程: Java 班级:1352 姓名:黄卫 学号:201352221 成绩: ...