设置保证金会导致离子视图变得可滚动

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

要使用的离子旋转。这为我工作：

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