Primefaces对话框滚动条未显示在标题下方

Question

我使用下面的primefaces对话框，我使用下面的style属性在最大高度后添加了滚动。

但是，滚动条没有显示在标题内，因此，当我滚动时，标题会随着对话框的内容一起滚动。

<p:dialog header="#{resName}" widgetVar="resDialog" resizable="false" style="max-height:900px;overflow:auto">

我不希望标题滚动，最好，我还希望滚动条显示在标题下

有任何想法吗？

Answer 1

摆脱你的overflow:auto; 并将对话框中的每个内容放在p:scrollPanel （请在此处查看 ）。

Answer 2

我发现这样做更容易：

.ui-dialog-content{ 
    max-width: 950px !important; 
    max-height: 700px !important;
    margin-bottom: 5px !important;
}

这应该立即针对所有对话框。

要打开对话框并滚动到它的顶部（如果之前已打开），请执行

<p:commandButton .... 
   oncomplete="PF('dialogwv').show(); PF('dialogwv').content.scrollTop('0')" />

注意：两个PF呼叫无法切换，但在实践中它并不重要..

Answer 3

另一个非常简单的替代方法可能是使用对话框的positionType属性。

<p:dialog header="#{resName}" widgetVar="resDialog" resizable="false" positionType="absolute">