css - Primefaces 哨兵固定左侧菜单位置

Question

我的 primefaces 面板应用程序中有一个左菜单位置固定问题，我使用了 sentinel 主题。带有布局的左侧菜单滚动条。如果我在左侧菜单下方添加 style="position:fixed;" 布局滑动。我希望左侧菜单在我的 UI 中具有固定高度。

<div id="layout-menubar" class="Unselectable fontRegular" style=" height:100%; overflow: hidden;">
    <div class="layout-menubarinner-box" id="buttonArea">
        <a href="#" id="layout-menubar-resize" class="BordRad3" title="Menu Resize"><i class="icon-th-list-2"></i></a>
        <a href="#" id="layout-menubar-resize2" class="BordRad3" title="Open Menu"><i class="icon-menu"></i></a>
    </div>

    <ps:menu id="sm_leftmenu_shop" rendered="#{loginBean.shopUser}">
        <p:menuitem id="sm_dashboard_entity" value="#{bundle.dashboardCamelCase}" icon="icon-home-outline" outcome="dashboard" containerStyleClass="layout-menubar-active"/>
        <p:menuitem id="sm_info_entity" value="#{bundle.info}" icon="icon-phone" outcome="contact" containerStyleClass="layout-menubar-active"/>
        <p:menuitem id="sm_campaigns_entity" value="#{bundle.campaigns}" icon="icon-megaphone" outcome="offers" containerStyleClass="layout-menubar-active"/>
        <p:menuitem id="sm_statistics_entity" value="#{bundle.Statistics}" icon="icon-chart-outline" outcome="statistics" containerStyleClass="layout-menubar-active"/>
    </ps:menu>

Answer 1

创建一个文件overrides.css

#layout-menubar {`position: fixed;`}

#layout-portlets-cover {`margin-left: 260px;`}

并将此文件添加到 template.xhtml