jquery.nicescroll.js 美化滚动条

1. 引用jquery.js和jquery.nicescroll.js

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.nicescroll.js"></script>

2.通过jquery获取需要添加滚动条的元素，调用niceScroll函数进行配置即可使用该插件，如下

$('#content').niceScroll({cursorcolor: "#ccc",//#CC0071 光标颜色cursoropacitymax: 1, //改变不透明度非常光标处于活动状态（scrollabar“可见”状态），范围从1到0touchbehavior: false, //使光标拖动滚动像在台式电脑触摸设备cursorwidth: "5px", //像素光标的宽度cursorborder: "0", // 游标边框css定义cursorborderradius: "5px",//以像素为光标边界半径autohidemode: false //是否隐藏滚动条
});

jquery.nicescroll.js 美化滚动条相关推荐

PHP笔记-laravel中使用jquery及jquery.niceScroll.js
首先用npm安装好jquery和jquery.niceScroll npm install jquery npm install jquery.nicescroll 安装好后在node_modules ...
滚动条插件---jquery.nicescroll.js
nicescroll 滚动条插件是一个非常强大的基于 jQuery 的滚动条插件,不需要增加额外的css,几乎全浏览器兼容.ie6+,实现只需要一段代码,侵入性非常小,样式可完全自定义,支持触摸事件, ...
jQuery.NiceScroll - 有史以来最好的 nicescroll 版本——在现代浏览器和移动设备上极其流畅和一致，资源使用率低(中文文档)
jQuery.NiceScroll 特征依赖关系使用配置参数有史以来最好的 nicescroll 版本--在现代浏览器和移动设备上极其流畅和一致,资源使用率低官网:nicescroll.ar ...
jquery.slimscroll.js 插件库的应用
调用 <script src="js/jquery.slimscroll.js"></script> 滚动条样式设置 $(".text" ...
jquery niceScroll（插件）滚动条错位问题和ztree插件的使用
1.在做项目时,由于页面风格不能使用默认的滚动条,所以找到了niceScroll这个滚动条插件 2.要使用滚动条和ztree插件,我们必须先引入插件的js文件,这里要注意的是niceScroll插件是 ...
jquery.chosen.js下拉选择框美化插件项目实例
由于之前使用的bootstrap-select插件是建立在bootstrap基础上的,实际使用到项目中的时候,与我们使用的ace-admin(基于bootstrap)存在样式冲突,导致下拉框的样式发生 ...
vue 滚动条_轻量级 React.js 虚拟美化滚动条组件RScroll
前几天有给大家分享一个Vue自定义滚动条组件VScroll.今天再分享一个最新开发的React PC端模拟滚动条组件RScroll. vue+pc桌面端模拟滚动条组件VScroll rscroll 一 ...
jquery.nicescroll完美滚动条使用方法
jquery.nicescroll完美滚动条使用方法(转) 配置参数 : 当调用"niceScroll"你可以传递一些参数来定制视觉方面: cursorcolor - 十六进制改变 ...
针对模拟滚动条插件(jQuery.slimscroll.js)的修改
在开发过程中程序员总会碰到产品经理提出的各种稀奇古怪的需求,尽管有些需求很奇葩,但不得不说有些须有还是能指引我们不断的学习与进步,最近在工作中就碰到这种问题.需求是要求在各主流浏览器上使用自定义的滚动 ...

jquery.nicescroll.js 美化滚动条

jquery.nicescroll.js 美化滚动条相关推荐

最新文章

热门文章