Jquery jScrollPane未显示在DIV中

首先，我搜索了一段时间，没有找到适合我的答案

我正在为客户开发一个网站。我正在使用jScrollPane jQuery插件，但它没有显示出来。起初我担心可能是其他一些jQuery插件影响了它，但当我将.scroll pane类应用于某个对象时，它会拉伸div的高度，以显示没有滚动条的所有内容。我不知道，我说不出来，可能还是有什么关系。当我与所有客户签署保密协议时，我不能显示该网站，但我可以显示相关代码

以下是我的标题中的脚本链接：

<link rel="stylesheet" href="css/global.css" type="text/css" media="screen" />
<link rel="stylesheet" type="text/css" media="all" href="css/jScrollPane.css" />
<link rel="shortcut icon" href="favicon.ico" />
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="js/supersized.3.1.3.min.js"></script> 
<script type="text/javascript" src="js/jquery.mousewheel.js"></script>
<script type="text/javascript" src="js/jScrollPane.js"></script>

DIVs不透明度最初为0，然后我编写的一些自定义javascript在页面加载时将其提高到100%。我还使用了超大jQuery，它可以设置全屏适合的背景图像

---

我不知道为什么它不起作用，我试着在只打开jScrollPane的情况下关闭所有其他javascript和jQuery的使用，但它仍然没有更好或更糟的效果。任何帮助都将不胜感激。

将Div的内容括在标签内，如

<p>
TEXTTEXTT EXTTEXTTEXTTEXT TEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEX TTEXTTEXTT EXTTEXTTEXTT EXTTEXT TEXTTEXTTEXTTEXTT EXTTEXTT EXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEX TTEXTTEXTTEX TTEXTTEXTTEXTTEXTTEXTTEXTTE XTTE XTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEX TTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXT
</p>

文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本

对于kicks，请尝试将jquery恢复到以前的版本，如1.5.2。检查：code.google.com/p/jscrollpane/issues/detail？id=207#c2–julie p

您的控制台中是否有任何错误/firebug？@juliep控制台中唯一显示为红色的是jscrollpane.js currentOffset为Null currentOffset.top-=dragPosition；为了提高效率，请尝试将jquery恢复到以前的版本，如1.5.2。看看这个：@juliep！！！！！！！！！！！！哦，我的上帝，我爱你：P我可以看到滚动条，它没有对齐，但我有一个起点。在jQuery再次出现问题之前，我将看看我能做多少新的东西。非常感谢您，您应该将其作为答案发布，以便我可以对其进行评分！：）再次感谢。不幸的是，这并没有改变任何事情/

<script>
$(function()
{
    $('.scroll-pane').jScrollPane();
});
</script>

#infocontainer {

    position:absolute;
    top:30px;
    left:350px;
    height:385px;
    width:625px;
    z-index:1;

}

#infobox {
    background-color:#f4f4f4;
    position:absolute;
    height:100%;
    width:100%;
    z-index:-1;

}

#infomenu {

    padding-top:44px;
    padding-left:49px;
    text-align:left;
    z-index:1;

}

#inforule {

    margin-left:239px;
    margin-top:-175px;
    z-index:5;

}

#infocontent {

    line-height:18px;
    margin-left:290px;
    margin-top:-287px;
    height:284px;
    overflow:auto;
    width:270px;
    text-align:left;
    z-index:1;

}

<p>
TEXTTEXTT EXTTEXTTEXTTEXT TEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEX TTEXTTEXTT EXTTEXTTEXTT EXTTEXT TEXTTEXTTEXTTEXTT EXTTEXTT EXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEX TTEXTTEXTTEX TTEXTTEXTTEXTTEXTTEXTTEXTTE XTTE XTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEX TTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXT
</p>