Clever Geek Handbook

How to Match Ionic Slides and Buttons on One Page in Ionic 3

<ion-content >
    <ion-slides loop #Slides>
        <ion-slide >
            <h2>Slide 1</h2>
        </ion-slide>
        <ion-slide >
            <h2>Slide 2</h2>
        </ion-slide>
        <ion-slide >
            <h2>Slide 3</h2>
        </ion-slide>
    </ion-slides>
    <button ion-button full>login</button>
</ion-content>

When I use the above code, I need to scroll down to see the button. Is there a way to force all components to be on the same page?

+3


source to share


1 answer


Add this to your SCSS page:



.scroll-content {
    display: flex;
    flex-direction: column;

    ion-slides {
        display: flex;
    }
}
+1


source






More articles:


All Articles