时间戳

首页 > 解决方案 > 禁用 sap.f.semantic.SemanticPage 中的滚动条

sapui5 - 禁用 sap.f.semantic.SemanticPage 中的滚动条

问题描述

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

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

标签： sapui5scrollbarsemantic-uisap-fiori

解决方案

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

  • 限制内容：如果<content>不超过全高，则不会看到滚动条（尝试sap.ui.table.Table使用visibleRowCount）
  • 滚动：将滚动容器（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%;
}

推荐阅读