javascript - 滚动条在某些 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> 中解决了这个问题。 -标签。 由于某种原因，当可滚动 div 内的内容未包含在第二个 block 标记(如 <p>)中时，jScrollPanel 代码停止工作。或<h1> .