Как сделать заголовок фиксированным, пока контент прокручивается

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

Вы можете разместить содержательную часть страницы (которая теперь VerticalLayout) в sap.m.ScrollContainer, который обеспечивает возможность прокрутки в его содержание. При этом вы можете прокручивать содержимое внутри контейнера. Вы можете настроить пользовательскую высоту в контейнере прокрутки.

Вы пытались реализовать элемент управления sap.m.IconTabBar вместо создания элементов HTML в представлении XML?