jScrollPane 与 nav 一起使用时不显示滚动条答案

【问题标题】：jScrollPane Scrollbar not shown when used with navjScrollPane 与 nav 一起使用时不显示滚动条
【发布时间】：2015-08-20 21:04:41
【问题描述】：

我已经在许多应用程序中成功地使用了 jScrollPane，它一直运行良好。运行该插件会在内容周围创建两个额外的 div，其中包含 jspContainer 和 jspPane 类以及用于滚动条的第三个 div。

但是，当我尝试将它与 flyPanels 插件 (https://github.com/SubZane/flyPanels) 一起使用时，唯一可以添加 'scroll-pane' 类的 div 是导航正上方的 div。在页面上创建代码时，我发现虽然此 div 内的导航被适当的 jspContainer 和 jspPane div 包围，但它缺少滚动条本身的单独 div。

我想知道这是否可能是由于放置在导航周围，或者是类所在的 div 的高度和宽度有问题。无论哪种方式，我都尽可能多地搜索了 stackoverflow 问题和 github 论坛，但所有问题要么无关紧要，要么缺乏答案。

我已经包含了代码的主要部分，但是缺少标题，所以我向您保证，我已经包含了 jQuery 1.9.1 以及正确的 javascript 和 css 文件（因为相同的文件在单独的项目中工作）。

<div class="flypanels-container preload">

    <div class="offcanvas flypanels-left">
        <div class="panelcontent scroll-pane" data-panel="treemenu">
            <nav class="flypanels-treemenu" role="navigation">
                        ...
                        <!-- Unordered list containing several sublists -->
                        ...
            </nav>
        </div>
    </div>
    <div class="flypanels-main">
        <div class="flypanels-content">
            <!-- Some additional code -->

        </div>
    </div>
</div>

有没有人有任何一起使用这两个插件的经验，如果有，有没有人知道如何解决这个问题？

【问题讨论】：

标签： javascript jquery jscrollpane jquery-jscrollpane

【解决方案1】：

我没有使用过flypanels，但我确实集成了很多次jscrollpane。如果我的记忆是正确的，jscrollpane 在初始化时需要在屏幕上可见（而不是隐藏）。如果不是，它的高度将为 0，因此“不工作”。

试试这个

不要隐藏子列表项
初始化 jscrollpane
隐藏子列表项。

【讨论】：