滚动条在openui5应用程序中的特定设备上不可见

时间:2017-09-06 08:49:18

标签: sapui5

我想知道当我在不同的设备上运行openui5应用程序时,它在查看垂直滚动条的设备上的行为有何不同 - 这是我需要解决的问题。

我有设备:

  • zebra TC510K,6.1.0安卓版,在此设备上,滚动条不可见。(我希望它可见)
  • 计算机和其他移动设备,如带有android 5.0.2的PM80或xperia z1 comp。使用android 5.1.1滚动条是可见的,因为它被认为是。

enter image description here

我使用的代码:

<ScrollContainer id= "scrollCont" vertical="true" focusable="true" height="100%" class="sapUiResponsiveContentPadding">
                <Table
                    class="sapUiResponsiveContentPadding"
                    width="auto"
                    enableBusyIndicator="true"
                    includeItemInSelection="true"
                    items="">
                    <columns></columns>
                    <items>
                    </items>
                </Table>
                <Toolbar class="sapUiResponsiveContentPadding" id="idAssetListsPageTerminator">

                    <ToolbarSpacer/>
                    <Title text=""
                           level="H3">
                    </Title>
                    <ToolbarSpacer/>

                </Toolbar>
            </ScrollContainer>

因此在ScrollContainer中有一些东西......属性vertical设置为true。我尝试将此添加到css但没有正面结果:

::-webkit-scrollbar {
    -webkit-appearance: none;!important;
}

::-webkit-scrollbar:vertical {
    width: 12px;!important;
}

::-webkit-scrollbar:horizontal {
    height: 12px;!important;
}

::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .5);!important;
    border-radius: 10px;!important;
    border: 2px solid #ffffff;!important;
}

::-webkit-scrollbar-track {
    border-radius: 10px;!important;
    background-color: #ffffff;!important;
}

我也尝试了这个但没有任何结果:

#scrollCont { overflow-x: scroll;  !important;
    overflow: scroll;!important;
    -webkit-overflow-scrolling: touch;!important;}

你能建议任何解决方案吗?

0 个答案:

没有答案