在 sap.f.semantic.SemanticPage 中禁用滚动条

Question

我想禁用语义页面（master）中的滚动条并仅向 semantic:content 中的列表添加滚动条，所以我的目标是防止在 header 中滚动语义页面。

enableScrolling="false" 不存在于 sap.f.semantic.semantic 页

Answer 1

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

• 限制内容：如果<content>不超过全高，滚动条将不可见（尝试sap.ui.table.Table和visibleRowCount）
• scroll: 添加滚动容器(ScrollContainer)到content

滚动示例：

<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%;
}