Question

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

然而，当我尝试将它与flyPanels插件（https://github.com/SubZane/flyPanels）一起使用时，可以添加“滚动窗格”类的唯一div，为了给出任何结果，就是导航上方的div。当在页面上创建代码时，我发现虽然这个div中的nav被适当的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>

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

Answer 1

我还没有使用过flypanels，但我确实多次整合了jscrollpane。如果我的记忆是正确的，jscrollpane需要在初始化时在屏幕上显示（不隐藏）。如果没有，它的高度为0，因此＆＃34;不工作＆＃34;。

试试这个

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

jScrollPane与nav一起使用时未显示滚动条

1 个答案: