W2ui侧边栏与mcustomscrollbar问题

时间:2014-05-02 17:07:57

标签: javascript html css sidebar w2ui

我在使用带有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并将溢出设置为可见i destroy de动态调整侧边栏的大小并且我不希望发生这种情况。

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

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

有什么建议吗?

谢谢你们:)

1 个答案:

答案 0 :(得分:1)

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

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

  2. 创建并渲染侧边栏(或重新渲染后)后,将自定义scorlll bar方法应用于以下div

  3. $(w2ui [ '侧栏']盒).find( 'w2ui-侧边栏-DIV。'); //假设您的侧边栏名称是“侧边栏”

    补充工具栏具有onRender事件,可用于应用自定义滚动条。

    我希望它有所帮助。