Question

我的primefaces面板应用程序中有一个左菜单位置修复问题，我使用了哨兵主题。左侧菜单与布局scrools。如果我在左侧菜单下方添加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上添加此文件

Primefaces sentinel固定左菜单位置

1 个答案: