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;      
}

Answer 2

使用以下代码行使菜单可滚动

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

如何使p：menu可以在primefaces中滚动？

2 个答案: