マージンを設定するとイオンビューがスクロール可能になる

Question

これは私が持っている初期コードです。スクロールバーはありません。ここのテキストはテキストの段落で、コンテンツがビューよりも大きい場合はスクロール可能です。現在、テキストはビューの高さを超えていないため、スクロールバーは使用できません。

<ion-content class="has-header"> 
    <div> 
     <p>Text here</p> 
    </div> 
</ion-content> 

ここにテキストの上に余白があるようにコードを変更する必要があります。

<ion-content class="has-header"> 
    <div style="margin-top: 20px;"> 
     <p>Text here</p> 
    </div> 
</ion-content> 

上記の変更を行った後、コンテンツはスクロール可能になります（スクロールバーが利用可能になることがわかります）。

何か間違っていますか？あるいは、私はこの問題を解決するために何ができますか？

Answer 1

イオンスクロールused.Thisなるように私の仕事：

<ion-content class="has-header"> 
     <div style="margin-top: 20px;"> 
      <ion-scroll direction="y" style= "height:60px;"> 
      <p>Long Text</p> 
      </ion-scroll> 
     </div> 
</ion-content>