100% height in der Ionen-slide-box nicht funktioniert

Ich bin mit der ion-slide-box in meiner Anwendung. Manchmal ist die Höhe des Inhalts für eine Folie ist nicht, füllen Sie den gesamten Inhalt. Das heißt ich habe einen leeren Raum am unteren Rand der Folie. In diesem Szenario soll der Benutzer auch in der Lage sein zu schieben, wenn er klaut auch den leeren Raum an der Unterseite. Dies ist jedoch nicht arbeiten, da die Größe der Ionen-Folie ist nicht 100%.
Ich bin auch nicht in der Lage, um die Größe zu 100%. Ich habe bereits versucht, die folgenden:

.slider{
  height:100%;
}

.slider-slide {
 height: 100%;
 min-height:100%;
} 

Mit dem obigen code auf Folie Inhalt ist noch nicht 100%. Danke für Eure Hilfe.
Dies ist der html-Code für das slide-box:

<ion-content>
    <ion-slide-box class="slider" on-slide-changed="slideChanged($index, this)" show-pager="false" active-slide="1" ng-init="handleSlideEnabling()" does-continue="true">
        <ion-slide class="slider-slides" ng-repeat="question in questions">
            <div class="slider-slide">   
            ... some content
            </div>
        </ion-slide>
    </ion-slide-box>
</ion-content>
  • Fügen Sie Ihre html bitte.
  • Ich sehe nicht .slider noch .slider-slide im html -...
  • Das ist, weil angular-Direktiven ersetzt werden könnte, mit html später.
  • Ich verstehe, dass, aber das Problem mit css und nicht Eckig im besonderen. Also ich bin nicht daran interessiert, pre-gerenderte markup. Ich muss sehen, erwähnten Klassen.
  • Ich aktualisiert meine Frage.
InformationsquelleAutor andreaspfr | 2016-02-08
Schreibe einen Kommentar