在sap.f.semantic.SemanticPage中禁用scroolbar

时间:2019-04-11 11:37:36

标签: sapui5 scrollbar semantic-ui sap-fiori

我想禁用语义页(母版)中的滚动条,并且仅将滚动条添加到semantic:content中的列表中,因此我的objectif不在语义页头中进行滚动。

enenableScrolling="false"sap.f.semantic.semantic页面中不存在

1 个答案:

答案 0 :(得分:0)

检查API,没有用于禁用滚动条的参数。 我会尝试这样的事情:

  • 限制内容:如果<content>不超过完整高度,则滚动条将不可见(尝试将sap.ui.table.TablevisibleRowCount一起使用)
  • 滚动:将滚动容器(ScrollContainer)添加到内容

滚动示例:

<semantic:SemanticPage
    class="noScroll"
    id="mySemanticPage"
    headerPinnable="false"
    toggleHeaderOnTitleClick="false"
    preserveHeaderStateOnScroll="true"
    showFooter="{/showFooter}">

    <!-- Content -->
    <semantic:content>
        <ScrollContainer
                class="myContainer"
                height="100%"
                width="100%"
                horizontal="true"
                vertical="true"
                focusable="true">

css:

.noScroll .sapFDynamicPageContent {
    padding: 0;
    height: 100%;
}

.noScroll .sapFDynamicPageContent > div {
    padding: 0;
    height: 100%;
}