Vertically Spalte in der Reihe in Ionic auszurichten

Question

ich folgende ion-view habe:

<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> 

I vertikal dass col in dem Bildschirm in dort auszurichten versucht werde. Jetzt verstehe ich, dass der einzige Weg, dies zu arbeiten ist, wenn mein row 100% der Höhe einnimmt. Aber wenn ich fortfahre und style="height: 100%;" zu meinem row hinzufüge, funktioniert es nicht, die Höhe der Reihe wickelt noch zu seinem Inhalt. Auch wenn ich !important hinzufüge, überspannt es immer noch nicht die volle Höhe des Bildschirms ... Irgendwelche Ideen?

Answer 1

Scheint wie Ionic Framework fügt eine dynamische Klasse scroll um die Zeile. Fügen Sie einen height: 100% zum übergeordneten scroll hinzu.

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

Ausgang:

Ionic Demo