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

Question

我正在使用jScrollPane插件来渲染某些div上的滚动条。 我的问题是其中一个div显示它的滚动条很好，而另一个div不仅没有显示它的'滚动条，它内部的内容也被搞乱了。

div中的内容已经重新排列（所有<p>在顶部，然后所有<img>然后所有<h#>等）并且所有换行符和其他格式都已被删除。 我无法弄清楚为什么会发生这种情况，因为两个div在页面样式表中设置了完全相同的属性。

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

编辑，了解更多内容：

行为不端的div称为content 。 有效的div称为comments 。 滚动条的css对于每个都是相同的 - 它们都引用相同的样式表。

js ：

$(window).load(function() {

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

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

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

css ：

#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;

    }

Answer 1

我有一个类似的问题，它通过将我的内容放在<p> -tag中解决。 出于某种原因，当可滚动div内的内容未被第二个块标记（如<p>或<h1>包围时，jScrollPanel代码停止工作。