ionicの同じページにイオンスライドとボタンをフィットさせる方法3

Question

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

上記のコードを使用すると、下にスクロールしてボタンを表示する必要があります。 すべてのコンポーネントを強制的に同じページに配置する方法はありますか？

Answer 1

は、あなたのページSCSSにこれを追加します。

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

    ion-slides { 
     display: flex; 
    } 
}