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

jScrollPane想必大家都不陌生吧它就是所谓的jquery滚动条插件,下面为大家介绍下其具体的使用,感兴趣的朋友不要错过

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

复制代码 代码如下:


<link type="text/css" href="https://www.jb51.net/路径/jquery.jscrollpane.css" media="all" />
<script type="text/javascript" src="https://www.jb51.net/路径/jquery.mousewheel.js"></script>
<script type="text/javascript" src="https://www.jb51.net/路径/jquery.jscrollpane.min.js"></script>


然后再给需要添加滚动条的容器加上一个方法,搞定

复制代码 代码如下:


$(function(){
$("#contentDiv").jScrollPane();
})


太好用了!
ps:如果要修改滚动条的默认样式可以打开jquery.jscrollpane.css文件修改
当然这作为jquery的一个插件,原始的jquery包不能少且要放在插件包之前,本文略。

您可能感兴趣的文章:

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wdzysw.html