Question

我正在尝试应用scrollpane 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>

正如website所说，我已经插入了必要的文件，并在我的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%;
}

我已经花了几个小时来处理这个小错误......

Answer 1

您是否已将滚动窗格的高度设置为css？

.scroll-pane{
height:100px; //example
}

Answer 2

亚历山德罗，谢谢你的帮助，但我找到了问题。

基本上我是在一个网页上，其中包含与原始网页不同的javascript信息。所以我混合了两个版本的javascript内容。我慢慢地复制了源中找到的文件的相同内容。

我检查了其他网站，但this似乎对我有用。它也有很好的记录。对不起，我记不起其他网站了。抱歉所有麻烦......

jquery jscrollpane无法正常工作

2 个答案: