primefaces - 如何制作 p :menu scrollable in primefaces?

Question

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

这是我的菜单:

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

有没有办法让它可滚动(以编程方式或使用其样式/属性)？

谢谢

Answer 1

使用以下 CSS:

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