我正在尝试应用滚动窗格 jquery 工具,这应该很容易,但我不明白为什么它没有给出任何生命迹象......我想我可能在 jquery 连接中做了一些错误的命令。这是我在 html 中的连接图像:
<!-- JAVASCRIPT CONNECTIONS -->
<script type="text/javascript" src="_js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="_js/jquery.scrollTo.js"></script>
<script type="text/javascript" src="_js/scroll_resize.js"></script>
<script type="text/javascript" src="_js/onload.js"></script>
<!-- <script type="text/javascript" src="script/gen_validatorv31.js" language="JavaScript"></script> -->
<script type="text/javascript" src="_js/jquery.mousewheel.min.js"></script>
<script type="text/javascript" src="_js/jScrollPane.js"></script>
<script language="javascript" src="_php/calendar/calendar.js"></script>
<script src="_js/jquery.prettyPhoto.js"></script>
<!-- IE upgrade for crossbrowser -->
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
<!-- CSS CONNECTIONS -->
<link type="text/css" rel="stylesheet" href="_css/style.css" media="screen"/>
<link type="text/css" rel="stylesheet" href="_css/prettyPhoto.css" media="screen" />
<link type="text/css" rel="stylesheet" href="_css/jScrollPane.css" media="screen"/>
<link type="text/css" rel="stylesheet" href="_php/calendar/calendar.css" media="screen"/>
<!-- JQ Initialization -->
<script type="text/javascript" charset="utf-8">
$(document).ready(function(){
$("a[rel^='prettyPhoto']").prettyPhoto({
theme: 'light_square',
opacity:'0.70',
counter_separator_label: ' of ',
autoplay: false
});
});
</script>
<script type="text/javascript">
$(function(){
$('.scroll-pane').jScrollPane({scrollbarWidth:20, scrollbarMargin:10});
});
</script>
正如网站所说,我已经插入了必要的文件并在我的 html 中插入了一个带有 .scroll-pane 类的 div,并且我在 css 中插入了 overflow: auto,因为他们评论。我已经插入了溢出-y,我也不工作。
在下面你会发现我应用到 div 的 CSS,它也分配了 class=".scroll-pane"。
CSS应用于我想要一个特殊滚动条的div:
#music_box{
height: 60%;
width: 40%;
overflow: auto;
margin-top: 1%;
}
我已经花了几个小时来处理这个小错误......