Не теряйте полосу прокрутки, если есть прокручиваемый контент Ionic 3

Question

В приложении Ionic 3 у меня есть контейнер с прокруткой, который будет прокручиваться при наличии большего количества содержимого. Когда страница загружается, контейнер не имеет полосы прокрутки и при сенсорной прокрутке появляется полоса прокрутки. То же самое исчезает при прокрутке стопа. Ниже приведен код

<ion-scroll class="submissionsDetailsListScrollView" scrollY="true">
   <ion-grid class="scrollsubmissionsDetailsList">
       <ng-row *ngFor="let key of DetailsList,let i=index;">
          <ng-col col-12>{{key}}</ng-col>
       </ng-row>
   </ion-grid>
</ion-scroll>

Имея это, нет никаких указаний на то, что есть больше содержимого для прокрутки при загрузке страницы. Как показать полосу прокрутки, когда страница загружается и остается в контейнере. Попытка применения нижеследующего стиля, но полоса прокрутки не появилась, и она исчезает.

.ios-scroll-bar ::-webkit-scrollbar {width: 5px;}

.ios-scroll-bar ::-webkit-scrollbar-track { border-radius: 10px;}

.ios-scroll-bar ::-webkit-scrollbar-thumb { border-radius: 10px; background: rgb(169,169,169); }

.ios-scroll-bar ::-webkit-scrollbar-thumb:window-inactive {background: rgb(128,128,128); }



::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
  }
  ::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0,0,0,.5);
  box-shadow: 0 0 1px rgba(255,255,255,.5);
  }