jquery滚动条插件jScrollPane的使用介绍


Posted in Javascript onNovember 08, 2013

这是一个js的页面滚动条插件
使用时引入三个文件:(路径自行填写)

<link type="text/css" href="路径/jquery.jscrollpane.css" rel="stylesheet" media="all" /> 
<script type="text/javascript" src="路径/jquery.mousewheel.js"></script> 
<script type="text/javascript" src="路径/jquery.jscrollpane.min.js"></script>

然后再给需要添加滚动条的容器加上一个方法,搞定
$(function(){ 
$("#contentDiv").jScrollPane(); 
})

太好用了!
ps:如果要修改滚动条的默认样式可以打开jquery.jscrollpane.css文件修改
当然这作为jquery的一个插件,原始的jquery包不能少且要放在插件包之前,本文略。
Javascript 相关文章推荐
从新浪弄下来的全屏广告代码 与使用说明
Mar 15 Javascript
javascript 面向对象编程基础:封装
Aug 21 Javascript
jquery 最简单易用的表单验证插件
Feb 27 Javascript
加载 Javascript 最佳实践
Oct 30 Javascript
js调用activeX获取u盘序列号的代码
Nov 21 Javascript
JavaScript自定义DateDiff函数(兼容所有浏览器)
Mar 01 Javascript
jQuery validate插件实现ajax验证重复的2种方法
Jan 22 Javascript
Javascript将数值转换为金额格式(分隔千分位和自动增加小数点)
Jun 22 Javascript
Vue.js常用指令汇总(v-if、v-for等)
Nov 03 Javascript
js实现弹窗暗层效果
Jan 16 Javascript
vue-cli脚手架打包静态资源请求出错的原因与解决
Jun 06 Javascript
解决vue项目F5刷新mounted里的函数不执行问题
Nov 05 Javascript
JQ获取动态加载的图片大小的正确方法分享
Nov 08 #Javascript
用JS将搜索的关键字高亮显示实现代码
Nov 08 #Javascript
jQuery 获取浏览器所在的IP地址的小例子
Nov 08 #Javascript
js去除空格的12种实用方法
Nov 08 #Javascript
js加载之使用DOM方法动态加载Javascript文件
Nov 08 #Javascript
javascript获取url上某个参数的方法
Nov 08 #Javascript
jqgrid 编辑添加功能详细解析
Nov 08 #Javascript
You might like
修改Zend引擎实现PHP源码加密的原理及实践
2008/04/14 PHP
PHP 中文处理技巧
2010/04/25 PHP
javascript操作文本框readOnly
2007/05/15 Javascript
JavaScript replace(rgExp,fn)正则替换的用法
2010/03/04 Javascript
Jquery倒数计时按钮setTimeout的实例代码
2013/07/04 Javascript
使用js实现雪花飘落效果
2013/08/26 Javascript
jQuery修改li下的样式以及li下的img的src的值的方法
2014/11/02 Javascript
图解JavaScript中的this关键字
2020/05/28 Javascript
网页中JS函数自动执行常用三种方法
2016/03/30 Javascript
AngularJS入门教程之AngularJS模型
2016/04/18 Javascript
基于Vue.js的表格分页组件
2016/05/22 Javascript
AngularJS全局scope与Isolate scope通信用法示例
2016/11/22 Javascript
利用Javascript裁剪图片并存储的简单实现
2017/03/13 Javascript
ionic 自定义弹框效果
2017/06/27 Javascript
Angular实现的简单定时器功能示例
2017/12/28 Javascript
vue-cli webpack 引入jquery的方法
2018/01/10 jQuery
解决vue-cli创建项目的loader问题
2018/03/13 Javascript
vue+axios实现文件下载及vue中使用axios的实例
2018/09/21 Javascript
移动端如何用下拉刷新的方式实现上拉加载
2018/12/10 Javascript
[43:48]Ti4正赛第一天 VG vs NEWBEE 2
2014/07/19 DOTA
Python 数据结构之队列的实现
2017/01/22 Python
python list元素为tuple时的排序方法
2018/04/18 Python
对Python3.x版本print函数左右对齐详解
2018/12/22 Python
python的sorted用法详解
2019/06/25 Python
Python获取一个用户名的组ID过程解析
2019/09/03 Python
python 无损批量压缩图片(支持保留图片信息)的示例
2020/09/22 Python
Python3 pyecharts生成Html文件柱状图及折线图代码实例
2020/09/29 Python
Doyoueven官网:澳大利亚健身服饰和配饰品牌
2019/03/24 全球购物
新郎父亲婚宴答谢词
2014/01/11 职场文书
小学教师培训感言
2014/02/11 职场文书
揭牌仪式主持词
2014/03/19 职场文书
公司联欢会策划方案
2014/05/19 职场文书
2014年消防工作总结
2014/11/21 职场文书
大学生学生会工作总结2015
2015/05/26 职场文书
Nginx配置https的实现
2021/11/27 Servers
在 HTML 页面中使用 React的场景分析
2022/01/18 Javascript