Javascript 在某些div上呈现滚动条，但在其他div上不呈现[jScrollPane/jQuery]

我正在使用jScrollPane插件在一些div上呈现滚动条。我的问题是，其中一个div可以很好地显示其滚动条，而另一个div不仅不显示其滚动条，其内部的内容也被弄乱了

div中的内容已重新排列（顶部的所有

，然后是所有

然后是所有

等），所有换行符和其他格式已被删除。我不明白为什么会发生这种情况，因为两个div在页面的样式表中设置了完全相同的属性

这种事情有共同的原因吗？我最初认为这可能与包含图像的行为不端的div有关，所以我尝试启用自动重新初始化，但我仍然遇到同样的问题

编辑，以获取更多内容：

行为不正常的div称为

content

。工作的div称为

comments

。每个滚动条的css都是相同的——它们都引用相同的样式表

js：

$(window).load(function() {

         $("#content").jScrollPane(
                    {
                        autoReinitialise: true
                    }
                );

});
$(document).ready(function(){

    //scroll barzzz
    $("#comments").jScrollPane();
});

#content  {
        font-family: Helvetica, Arial, Sans-serif;
        text-align: justify;
        width: 95%;
        height: 350px;
        background-color: #fff;
        padding: 20px;
        opacity: 0.0;
        margin: 10px;
        overflow:auto;
        border-radius: 15px;
        border: solid 1px #eee;

    }
#comments {
        font-family:      Helvetica, Arial, Sans-serif;
        height: 300px;
        width: 90%;
        background-color: #fff;
        padding: 10px 10px 10px 10px;
        opacity: 0.0;
        margin: 10px;
        border-radius: 15px;
        overflow:auto;
        border: solid 1px #eee;

    }

css：

$(window).load(function() {

         $("#content").jScrollPane(
                    {
                        autoReinitialise: true
                    }
                );

});
$(document).ready(function(){

    //scroll barzzz
    $("#comments").jScrollPane();
});

#content  {
        font-family: Helvetica, Arial, Sans-serif;
        text-align: justify;
        width: 95%;
        height: 350px;
        background-color: #fff;
        padding: 20px;
        opacity: 0.0;
        margin: 10px;
        overflow:auto;
        border-radius: 15px;
        border: solid 1px #eee;

    }
#comments {
        font-family:      Helvetica, Arial, Sans-serif;
        height: 300px;
        width: 90%;
        background-color: #fff;
        padding: 10px 10px 10px 10px;
        opacity: 0.0;
        margin: 10px;
        border-radius: 15px;
        overflow:auto;
        border: solid 1px #eee;

    }

---

我遇到了一个类似的问题，通过将我的内容放在

-标记中解决了这个问题。

---

由于某种原因，当可滚动div中的内容没有包含在第二个块标记（如

或
中）中时，jScrollPanel代码停止工作。对不起，我不知道我在想什么，不包括任何内容。在js和css中编辑