如何在滚动内容时固定 header
how to make a header fixed while content is scrolled
我试图在滚动主要内容时固定 header 和标签。由于那 2 header 个图像和 html 选项卡位于页面 <content>
中。它滚动。但是如何让它固定在它的位置上呢?或者是否有任何替代解决方案可以将 header 放在页面内容之外?。这是我的代码
<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> .............
NOTE : Header image & tab covers almost 130px. so I can't place it inside <headerContent>
tag.
您可以将页面的内容部分(现在是 VerticalLayout
)放置到 sap.m.ScrollContainer
中,这样可以为其内容提供滚动功能。这样,您就可以滚动容器内的内容。您可以为滚动容器设置自定义高度。
您是否尝试过在 XML 视图中实现 sap.m.IconTabBar
控件而不是创建 HTML 元素?
我试图在滚动主要内容时固定 header 和标签。由于那 2 header 个图像和 html 选项卡位于页面 <content>
中。它滚动。但是如何让它固定在它的位置上呢?或者是否有任何替代解决方案可以将 header 放在页面内容之外?。这是我的代码
<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> .............
NOTE : Header image & tab covers almost 130px. so I can't place it inside
<headerContent>
tag.
您可以将页面的内容部分(现在是 VerticalLayout
)放置到 sap.m.ScrollContainer
中,这样可以为其内容提供滚动功能。这样,您就可以滚动容器内的内容。您可以为滚动容器设置自定义高度。
您是否尝试过在 XML 视图中实现 sap.m.IconTabBar
控件而不是创建 HTML 元素?