0

我在使用带有 mcustomscrollbar 的 w2ui 侧边栏时遇到问题。我有与 div 关联的 w2ui 侧边栏，这工作正常，但是当我使用 mcustomscrollbar 时出现问题。

要使用 mcustomscrollbar，我将侧边栏关联到子 div，将 mcustomscrollbar 关联到第一个 div，如下所示

HTML：

        <div id="pane-menu">
                <div id="pane-menu-content"></div>
        </div>

JS：

此行调用我的方法，其中使用 mcustomscrollbar 插件

        $.pui.common.scrollBarProperties('#pane-menu');

这条线我将侧边栏关联到子 div

        $('#pane-menu-content').w2sidebar({
                        ...
                        ...

在此更改之后，侧边栏的节点保持隐藏...如果我更改 de css 并将溢出设置为可见，我会破坏侧边栏的动态调整大小，我不希望这种情况发生。

如果我不使用 mcustomscrollbar 并将侧边栏关联到第一个 div ('#pane-menu')，这可以正常工作，但我需要使用 mcustomscrollbar。

我的问题是，如果我将侧边栏节点与 de sub div ('#pane-menu-content') 相关联，为什么侧边栏节点会保持隐藏？

有什么建议么？

多谢你们 ：）

4

1 回答 1

1

这是侧边栏的工作原理。如果将其渲染到 div，它将使用该 div 的高度和宽度，并将生成几个用于侧边栏目的的内部 div。在这种情况下，我认为你应该这样做。

  1. 像往常一样创建侧边栏

  2. 创建并渲染侧边栏后（或者如果重新渲染），将自定义 scorllll 栏方法应用于以下 div

$(w2ui['sidebar'].box).find('.w2ui-sidebar-div'); // 假设你的侧边栏名称是 'sidebar'

侧边栏有 onRender 事件，可用于应用自定义滚动条。

我希望它有所帮助。

于 2014-05-05T20:08:33.077 回答