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等低版本浏览器呦! ...
随机推荐
- 【bzoj4842】[Neerc2016]Delight for a Cat 线性规划与网络流
题目描述 $n$ 个连续的位置,每个位置可以填入 S 和 E ,第 $i$ 个位置填入 S 可以获得 $s_i$ 的收益,填入 E 可以获得 $e_i$ 的收益.要求每连续的 $k$ 个位置必须包含至 ...
- 【bzoj1441】Min 扩展裴蜀定理
题目描述 给出n个数(A1...An)现求一组整数序列(X1...Xn)使得S=A1*X1+...An*Xn>0,且S的值最小 输入 第一行给出数字N,代表有N个数 下面一行给出N个数 输出 S ...
- linux系统环境代理设置
系统上网代理设置: 1.编辑文件/etc/profile,增加如下两行 export http_proxy=http://ip:port export https_proxy=http://ip:po ...
- VS2017常用快快捷键
VS2017常用快快捷键 VS中代码对齐等快捷键 在VS中,选定代码后,按Ctrl+K+F组合键,可以自动进行代码对齐. 注意:要先按下Ctrl和K,再按下F,因为Ctrl ...
- [CF613D]Kingdom and its Cities
description 题面 data range \[n, q,\sum k\le 10^5\] solution 还是虚树的练手题 \(f[0/1][u]\)表示\(u\)的子树内,\(u\)是否 ...
- POJ1061：青蛙的约会——题解
http://poj.org/problem?id=1061 Description 两只青蛙在网上相识了,它们聊得很开心,于是觉得很有必要见一面.它们很高兴地发现它们住在同一条纬度线上,于是它们约定 ...
- POJ.2387 Til the Cows Come Home (SPFA)
POJ.2387 Til the Cows Come Home (SPFA) 题意分析 首先给出T和N,T代表边的数量,N代表图中点的数量 图中边是双向边,并不清楚是否有重边,我按有重边写的. 直接跑 ...
- sass的颜色函数
sass中有些非常实用的颜色处理函数,总结如下 1.颜色加深或变浅 lighten($color,$amount) //颜色变浅 darken($color,$amount) //颜色加深 例如: l ...
- PHP检测json格式数据
首先要记住json_encode返回的是字符串, 而json_decode返回的是对象 判断数据不是JSON格式: 复制代码代码如下: function is_not_json($str){ ...
- apache出现You don't have permission to access / on this server. 提示
今天在新的linux上跑原来的代码,使用的虚拟主机的模式进行操作.几个相关的网站放在一个文件里,想法是通过网站列出的目录进行相应的网站进行操作.一切设置完成后,在浏览器中运行出现在You don't ...