2016-03-30 9 views
5

Mi piacerebbe che il cursore adattasse le sue dimensioni in base all'altezza della diapositiva attiva.In Ionic, come impostare diapositive di ioni AutoHeight su true con lo scorrimento di ioni?

C'è un'opzione autoHeight: vero, ma non funziona

options: 
{ 
autoHeight:true 
} 

Funziona solo se scroll ionico contenuto è impostato su false

+0

ciao! ho la stessa situazione qui, hai trovato una soluzione per questo? –

+0

Alla fine ho trovato un'altra soluzione, ma potresti provare a mettere il cursore all'interno di un altro contenuto di ioni ... non l'ho mai provato, ma penso di averlo visto da qualche parte. – sebap

+0

grazie per la tua risposta, lo faccio già, ho due contenuti ionici, nel secondo sono le mie diapositive ioniche, ma è sempre il 100% dello schermo visibile, quindi non puoi vedere le impaginazioni in basso :( –

risposta

0

Sono in grado di fare Swiper in ionica di avere altezza automatica size con questo css

.swiper-wrapper { 
    position: relative; 
} 

e le mie opzioni sono solo le opzioni di default indicati nella documentazione ionica

vm.options = { 
    loop: true, 
    effect: 'fade', 
    speed: 500, 
}; 
0

Base sul this, è possibile aggiungere il seguente CSS:

.swiper-slide:not(.swiper-slide-active) > div { 
    display:none; 
} 

ho provato e funziona benissimo.

Problemi correlati