jsf - 素面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=...

也许一个具体的例子可以帮助你。这应该可以解决问题:)