css - 如何确保菜单出现在窗口的可见区域

Question

我创建了一个带有 primefaces submenu: 的动态菜单，但是如果添加了许多菜单项，则其中一些无法显示在可见区域中。

菜单区域超出网页底部，因此无法显示。我想知道有没有办法改变子菜单的方向或位置？

非常感谢

这是我的代码：

<table cellpadding="0" cellspacing="0" border="0" width="100%">
                        <tr>
                            <td valign="bottom">
                            <p:tieredMenu position="dynamic" model="#{ServerGroupMgmtBean.model}" id="serverGroupMenu"/>
                            </td>
                            <td width="6"/>
                            <td align="right" valign="bottom">
                            <p:commandButton id="dlgAddId" value="Add" oncomplete="dlgEditSG.show()" update=":editSGForm :smForm:messagePanel">
                              <f:param value="-1" name="editId"/>
                            </p:commandButton>
                            </td>
                        </tr>
                    </table>