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 相关文章推荐
JQuery 动画卷页 返回顶部 动画特效(兼容Chrome)
Feb 15 Javascript
javascript 星级评分效果(手写)
Dec 24 Javascript
DOM基础教程之使用DOM设置文本框
Jan 20 Javascript
实例讲解jquery与json的结合
Jan 07 Javascript
NPM 安装cordova时警告:npm WARN deprecated minimatch@2.0.10: Please update to minimatch 3.0.2 or higher to
Dec 20 Javascript
vue2笔记 — vue-router路由懒加载的实现
Mar 03 Javascript
vue插件开发之使用pdf.js实现手机端在线预览pdf文档的方法
Jul 12 Javascript
Vue CLI 3搭建vue+vuex最全分析(推荐)
Sep 27 Javascript
详解Vue.js在页面加载时执行某个方法
Nov 20 Javascript
小程序实现悬浮搜索框
Jul 12 Javascript
JS精确判断数据类型代码实例
Dec 18 Javascript
vue实现移动端返回顶部
Oct 12 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
PHP下对字符串的递增运算代码
2010/08/21 PHP
PHP CURL CURLOPT参数说明(curl_setopt)
2013/09/30 PHP
php返回字符串中所有单词的方法
2015/03/09 PHP
简介PHP的Yii框架中缓存的一些高级用法
2016/03/29 PHP
PHP封装的XML简单操作类完整实例
2017/11/13 PHP
PHP长连接实现与使用方法详解
2018/02/11 PHP
laravel框架实现后台登录、退出功能示例
2019/10/31 PHP
jQuery 表格插件整理
2010/04/27 Javascript
jQuery 滑动方法slideDown向下滑动元素
2014/01/16 Javascript
让javascript加载速度倍增的方法(解决JS加载速度慢的问题)
2014/12/12 Javascript
jQuery统计上传文件大小的方法
2015/01/24 Javascript
jQuery下拉友情链接美化效果代码分享
2015/08/26 Javascript
跟我学习javascript的隐式强制转换
2015/11/16 Javascript
jQuery中的siblings用法实例分析
2015/12/24 Javascript
jQuery实现div拖拽效果实例分析
2016/02/20 Javascript
AngularJS基础 ng-repeat 指令简单示例
2016/08/03 Javascript
Three.js学习之Lamber材质和Phong材质
2016/08/04 Javascript
js移动焦点到最后位置的简单方法
2016/11/25 Javascript
[01:34]DOTA2 7.22版本新增神杖效果一览(敏捷英雄篇)
2019/05/28 DOTA
Python下载指定页面上图片的方法
2016/05/12 Python
使用tensorflow实现线性回归
2018/09/08 Python
python2与python3中关于对NaN类型数据的判断和转换方法
2018/10/30 Python
解决python replace函数替换无效问题
2020/01/18 Python
Python监听键盘和鼠标事件的示例代码
2020/11/18 Python
实习评语
2013/12/16 职场文书
体育专业个人求职信范文
2013/12/27 职场文书
门诊手术室工作制度
2014/01/30 职场文书
桥梁工程专业求职信
2014/04/21 职场文书
祖国在我心中演讲稿400字
2014/05/04 职场文书
班级体育活动总结
2014/07/05 职场文书
竞选班干部演讲稿100字
2014/08/20 职场文书
十佳青年事迹材料
2014/08/21 职场文书
医药公司采购员岗位职责
2015/04/03 职场文书
信息技术教研组工作总结
2015/08/13 职场文书
Nginx中使用Lua脚本与图片的缩略图处理的实现
2022/03/18 Servers
Python使用华为API为图像设置多个锚点标签
2022/04/12 Python