如何使 p:menu 在 primefaces 中可滚动？答案

【问题标题】：How to make p:menu scrollable in primefaces?如何使 p:menu 在 primefaces 中可滚动？
【发布时间】：2014-07-08 11:54:25
【问题描述】：

我有一个菜单，我以编程方式填充模型。但我希望它在其项目变得太多而无法在页面中显示时变得可滚动。

这是我的菜单：

<p:menu overlay="true" trigger="imgNotif" my="left top"
at="bottom left" model="#{notifController.model}" />

有没有办法让它可滚动（以编程方式或使用它的样式/属性）？

谢谢

【问题讨论】：

forum.primefaces.org/…

标签： primefaces menu scroll scrollable

【解决方案1】：

使用以下 CSS：

.ui-menu {
  overflow-y: scroll;      
  height: 200px;      
}

【讨论】：

这个答案需要更新：p-menu-list 现在是需要修改的类，而不是ui-menu。我还发现设置max-height 比设置height 更好。

【解决方案2】：

使用下面的代码使菜单可滚动

<p:tabView scrollable="true">
            <p:tab title="MenuHeader">menu content</p:tab>
            <p:tab title="MenuHeader">menu content</p:tab>
    </p:tabView>

【讨论】：