prime面DockMenu组件滚动如何固定组件的位置

Question

我的xhtml页面是：

                      

               海              

                 

    <h3>Ph.No: 804-349-4677</h3>
    </div><div>
    <p:dock position="top">
                  <p:menuitem value="Home" icon="/templates/homechange.png" url="welcome.xhtml"></p:menuitem>
                  <p:menuitem value="LogOut" icon="/templates/logout.png" url="index.xhtml"/>
                  </p:dock>

    </div>

上面是header.xhtml这里我滚动页面组件dockmenu也自动滚动如何我不断修复dockmenu的位置

Answer 1

使用CSS，覆盖dock-container-top类的顶部容器位置规则：

.ui-dock-container-top {
  position: absolute !important;
}

希望它有所帮助！

Answer 2

     <h:head>
          <title>Your page title</title>
           <style>
            .ui-dock-container-top {
                position: absolute !important;
            }
           </style>
    </h:head>

<h:body>
<h:form>
    <p:dock position="top" style="ui-dock-container-top"> 
            <p:menuitem value=...

也许一个具体的例子可以帮助你。这应该是诀窍:)