1

我Richfaces 3.3.3在我的页面中使用我rich:modalpanel用于在模态面板内显示日志详细信息，并且我正在为此模态面板使用滚动选项。每当我垂直或水平滚动时，模态面板内的内容也会滚动。但同时模态面板标题也滚动。如果我使用 HTML div 元素进行滚动，那么如果在此之后更改模式面板大小，则其唯一调整大小的 div 元素不会调整大小

  following code will explain clearly,

<rich:modalPanel id="logModalPanel"                  
                 width="800"                                          
                 resizeable="true" 
                 style="height:600px;overflow:scroll;">  

                  <f:facet name="header" >
                  <h:outputText  id="ModalPanelHeader" 
                  value="#{bean.logFileName}" />
                  </f:facet>

               <f:facet name="controls">
                  <h:graphicImage id="modalPanelCloseIcon" 
                  value="#{..///closeImage}"
                  onclick="#{rich:component('logModalPanel')}.hide();">
                  </h:graphicImage>
               </f:facet>

               <h:form>
               <rich:panel id="logDetailsPanel" 
                  styleClass="remove-border" 
                  style=" width:100%; height:100%;">

                <div >   
                <pre>${bean.content}</pre>
                </div>

           </rich:panel>
           </h:form>
          </rich:modalPanel>

如果我将滚动条水平移动，那么标题标签也将水平移动并关闭图像，就像模式面板的中心点一样。然后如果我垂直移动，小平面标题也会移动。我该如何解决？

4

0 回答 0