jquery滚动条插件jScrollPane的使用介绍
作者：
jScrollPane想必大家都不陌生吧它就是所谓的jquery滚动条插件，下面为大家介绍下其具体的使用，感兴趣的朋友不要错过
这是一个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包不能少且要放在插件包之前，本文略。
使用时引入三个文件：（路径自行填写）
复制代码 代码如下:
<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包不能少且要放在插件包之前，本文略。
您可能感兴趣的文章:
- jQuery中Nicescroll滚动条插件的用法
- jquery插件jquery.nicescroll实现图片无滚动条左右拖拽的方法
- jQuery niceScroll滚动条错位问题的解决方法
- jQuery滚动条插件nanoscroller使用指南
- 学习使用jquery iScroll.js移动端滚动条插件
- jquery滚动条插件slimScroll使用方法
- jQuery iScroll.js 移动端滚动条美化插件
- jquery自定义滚动条插件示例分享
- jquery滚动条插件（可以自定义）
- jQuery leonaScroll 1.1 自定义滚动条插件(推荐)
- jQuery滚动条美化插件nicescroll简单用法示例