allineare verticalmente colonna nella riga ionico

Question

Ho il seguente ion-view:

<ion-view view-title="Success" ng-controller="successController" class="success-view"> 
    <ion-content> 

    <div class="row row-center"> 
     <div class="col"> 

     <h1>Success!</h1> 

     <h3>Your login credentials will be SMSed to you shortly</h3> 

     <button class="button button-block button-positive" ui-sref="login"> 
      Okay 
     </button> 

     </div> 
    </div> 

    </ion-content> 
</ion-view> 

sto cercando di allineare verticalmente che col lì nella schermata. Ora capisco che l'unico modo in cui funzionerà è se il mio row occupa il 100% dell'altezza. Eppure, se vado avanti e aggiungo style="height: 100%;" al mio row, non funziona, l'altezza della riga si estende ancora ai suoi contenuti. Anche se aggiungo lo !important, non occupa ancora l'intera altezza dello schermo ... Qualche idea?

Answer 1

Sembra che la struttura ionica aggiunga una classe dinamica scroll avvolgendo la riga. Aggiungi un height: 100% al genitore scroll pure.

.row, .scroll { 
    height: 100%; 
} 

uscita:

Ionic Demo