Question

我有一个GWT应用程序，其HorizontalPanel跨越页面宽度，作为应用程序的“顶部栏”。但是我想让它变得“粘性”，即当页面内容增长时，当滚动条出现时，滚动时我希望所述HorizontalPanel保持在最顶层。是否可以使用GWT和/或在GQuery的帮助下？

Answer 1

使用CSS：

为您的HorizontalPanel添加/设置一个css类

myHorizontalPanel.setStyleName("onTop");

在你的css文件中：

.onTop{
  position: fixed;
  top: 0px;
  left: 0px;
  /* adapt width and heigth to fit your needs */
  width:100%;
  height:40px;
}

应该做的伎俩

Answer 2

您可以使用DockLayoutPanel分页。将栏放在g:north和g:center上的滚动面板上。这样，如果滚动面板内的内容溢出，滚动条将仅出现在“内容”部分。

<g:DocLayoutPanel unit="PX">
    <g:north size="40"> <!-- you must provide a fixed size, you can change it later -->
       your bar content
    </g:north> 
    <g:center>
      <g:ScrollPanel> <!-- it will be stretched to ocuppy all available space -->
         here goes your content
      </g:ScrollPanel>
    </g:center>
</g:DocLayoutPanel>

Gwt应用程序中的“粘性”面板

2 个答案: