欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2023-11-12 18:27:16
代码如下:

代码如下:


<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包不能少且要放在插件包之前。