콘텐츠를 스크롤하는 동안 머리글을 고정하는 방법

주 콘텐츠를 스크롤하는 동안 머리글 & 탭을 고정하려고합니다. 이 두 헤더 이미지 & 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> .............

주 : 헤드 이미지 & 탭은 거의 130 x 96 픽셀을 다룹니다. 그래서 나는 <headerContent> 태그 안에 넣을 수 없습니다.

출처

2016-06-17 Hari

당신은 그것의 내용에 스크롤 기능을 공급하는 sap.m.ScrollContainer으로 (지금 VerticalLayout입니다) 페이지의 콘텐츠 부분을 배치 할 수 있습니다. 이를 통해 컨테이너 내부의 내용을 스크롤 할 수 있습니다. 스크롤 컨테이너에 사용자 정의 높이를 설정할 수 있습니다.

XML보기에서 HTML 요소를 만드는 대신 sap.m.IconTabBar 컨트롤을 구현하려고 시도 했습니까?

출처

2016-06-17 16:15:17 nistv4n

감사합니다. 나는 XML 뷰에서''를 사용했다. 예, 나는'sap.m.IconTabBar'를 사용하여 시도했습니다. 그러나 SAPUI5에서 표준 HTML이 작동하는 방식을 탐색하고있었습니다. – Hari

콘텐츠를 스크롤하는 동안 머리글을 고정하는 방법

답변

관련 문제