jquery滚动条插件jScrollPane怎么用?

发布时间:2020-03-29编辑:脚本学堂
有关jquery滚动条插件jScrollPane的用法,一个js的页面滚动条插件 ,使用这个jquery插件,可以很方便地实现页面中的滚动条效果。

jquery/scrollbar/ target=_blank class=infotextkey>jquery滚动条插件jScrollPane,这里通过一个简单的例子,介绍下如何用jScrollPane实现jquery滚动条效果

jScrollPane是一个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();
})

以上就是jquery滚动条插件jScrollPane的小例子。

说明:
如果要修改滚动条的默认样式,可以打开jquery.jscrollpane.css文件修改。

在使用这个jquery插件时,记得在插件包之前调用jquery库文件。