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

时间:2013-07-19 13:05:10

标签: jsf primefaces

我的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的位置

2 个答案:

答案 0 :(得分:0)

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

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

primefaces showcase

希望它有所帮助!

答案 1 :(得分:0)

     <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=...

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