コンテンツをスクロールしている間にヘッダを固定する方法

Question

メインコンテンツをスクロールしている間にヘッダ&タブを固定しようとしています。これらの2つのヘッダー画像&のhtmlタブは<content>ページ内に配置されています。それはスクロールする。しかし、それをその位置に固定する方法は？または、ヘッダーをページのコンテンツから外すための代替ソリューションはありますか。ここに私のコードがある

<mvc:View xmlns:mvc="sap.ui.core.mvc" xmlns="sap.m" controllerName="budgetspend.controller.App" xmlns:html="http://www.w3.org/1999/xhtml" 
displayBlock="true"> 
<App id="BA_APP"> 
    <pages> 
     <Page> 
      <content> 
       <Image class="logo" src="../images/logo_new.png"/> 
       <Image class="header" src="../images/header-bg.png"/> 
       <html:ul class="tab"> 
        <html:li> 
         <html:a id="onBud" class="tablinks active">Budget Analyzer</html:a> 
        </html:li> 
        <html:li> 
         <html:a id="onSpend" class="tablinks">Spend Analyzer</html:a> 
        </html:li> 
       </html:ul> 
       <sap.ui.layout:VerticalLayout xmlns:sap.ui.layout="sap.ui.layout" id="budget_layt" class="lay_cont"> 
        <sap.ui.layout:content> ............. 

注：ヘッダー画像&タブはほとんど130pxをカバーしています。だから私は<headerContent>タグの中に置くことはできません。

Answer 1

あなたは、その内容にスクロール機能を提供しsap.m.ScrollContainer、に（今VerticalLayoutである）ページのコンテンツ部分を配置することができます。これにより、コンテナ内のコンテンツをスクロールできます。スクロールコンテナにカスタム高さを設定できます。

XMLビューでHTML要素を作成する代わりにsap.m.IconTabBarコントロールを実装しようとしましたか？