在Android手机中看不到离子滚动条

Question

我在为离子应用程序制作android构建时面临的这个问题。 虽然我尝试了许多通过以下链接获得的建议。无法解决这个问题。可以任何建议我一些建议。我会提供任何帮助。

https://github.com/driftyco/ionic/issues/4928

Make scrollbar visible in ionic content when using native scroll

Answer 1

试试这个。将这些类放在css文件中：

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

::-webkit-scrollbar:vertical {
    width: 11px;
}

::-webkit-scrollbar:horizontal {
    height: 11px;
}

::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 2px solid white;
    background-color: rgba(0, 0, 0, .5);
}

::-webkit-scrollbar-track {
    background-color: #fff;
    border-radius: 8px;
}

.overflow-scroll {
    overflow-y: auto !important;
}

Answer 2

为了纠正我的离子滚动条问题，我添加了以下CSS和HTML。它目前在我的Android应用程序中工作。

在html文件中，我添加了以下内容：

＆＃13;

＆＃13;

.theroot {
    height: 250px;
    background-color: #F5F5F5;
}

＆＃13;

<ion-content>
<ion-scroll  direction="y" class="theroot">
<div>
</div>
</ion-scroll>
</ion-content>

＆＃13;

＆＃13;

＆＃13;

在style.css中添加了以下代码

.theroot {
    height: 250px;
    background-color: #F5F5F5;
}