Dynamic slide height

Ionic Framework ionic-v3
41

Yees! I’ve been battling with this issue for a while. I’ve tried many solutions and eventually came up with a half working one along those lines. This Works perfectly Thank you! @esase

43

now my first active slide on page load having some display issue after adding:
ngAfterViewInit() {
this.slider.autoHeight = true;
}

But after swiping right and back to the initial page, the issue resolves. How to fix the slide issue for the first active slide that appear once page load?

This is the screenshot of the problem:-

Capture2
Capture2.PNG605×544 44.6 KB

44

Bingo. But when i slide to the last element it hides all slides and can’t slide back

2 Likes
45

I selected another way (better I think) I put all slides with dynamic heights inside a scrollable area. Like this:

<ion-slides>
    <ion-slide>
         <ion-scroll>A very big content</ion-scroll>  
    </ion-slide>
</ion-slides>

It avoids all my problems

1 Like
46

Thank you very much, I was so frustared trying to handle that :smile:

47

Yes this worked for me but only after swipe right once and back to the first slide again

Any solution or fix for this?