Горизонтальная полоса прокрутки в Ionic2+

Question

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

<ion-content>
  <ion-list>
    <ion-item-group *ngFor="let zone of zones">
      <ion-scroll scrollX="true">
        <ion-item-divider>
          ZONA: {{zone.zoneName}}
        </ion-item-divider>
        <ion-row>
          <ion-col col-4><h5>Equipo</h5></ion-col>
          <ion-col><h5>Pts</h5></ion-col>
          <ion-col><h5>PJ</h5></ion-col>
          <ion-col><h5>PG</h5></ion-col>
          <ion-col><h5>PE</h5></ion-col>
          <ion-col><h5>PP</h5></ion-col>
          <ion-col><h5>GF</h5></ion-col>
          <ion-col><h5>GC</h5></ion-col>
          <ion-col><h5>Dif</h5></ion-col>
        </ion-row>
        <ion-item *ngFor="let team of zone.zoneTeams">
          <ion-row>
            <ion-col col-4>{{team.name}}</ion-col>
            <ion-col>{{team.points}}</ion-col>
            <ion-col>{{team.matchesPlayed}}</ion-col>
            <ion-col>{{team.matchesWon}}</ion-col>
            <ion-col>{{team.matchesDrawn}}</ion-col>
            <ion-col>{{team.matchesLost}}</ion-col>
            <ion-col>{{team.goalsScored}}</ion-col>
            <ion-col>{{team.goalsReceived}}</ion-col>
            <ion-col>{{team.dif}}</ion-col>
          </ion-row>
        </ion-item>
      </ion-scroll>
    </ion-item-group>
  </ion-list>
</ion-content>

При добавлении тегов прокрутки я ничего не видел. Я что-то пропустил? Я работаю с последним ионом я перешел по этой ссылке http://ionicframework.com/docs/api/components/scroll/Scroll/

Answer 1

При добавлении тегов прокрутки я ничего не видел

Ионный свиток требует фиксированных размеров либо через style или класс scss.

<ion-scroll scrollX="true" style="width: 100vw;height: 50px;">
   <!-- your scrollable content -->
</ion-scroll>