0

HorizontalPanelアプリの「トップバー」として機能する、ページの幅全体にまたがるGWTアプリがあります。ただし、ページのコンテンツが大きくなったとき、スクロールバーが表示されたとき、スクロールしたときに「スティッキー」にしたいのですが、HorizontalPanel上にくっつきたいです。GWT や GQuery を使用して行うことは可能ですか?

4

2 に答える 2

1

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>
于 2012-05-09T09:45:07.040 に答える
1

CSS を使用する場合:

CSS クラスを Horizo​​ntalPanel に追加/設定します

myHorizontalPanel.setStyleName("onTop");

あなたのcssファイルで：

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

それはトリックを行う必要があります

于 2012-05-09T09:39:44.263 に答える