Question

这是我的初始代码。而且它没有滚动条。请注意，此处的文本是文本段落，当内容大于视图时，它将可滚动。目前，由于文本不超过视图高度，因此滚动条不可用。

B2, Data 1.1
B7, Data 1.1
B12, Data 1.1
... 
B2, Data 2.1
B7, Data 2.1
B12, Data 2.1
...

我需要对代码进行一些修改，这里的文本应该有一些余地。

<ion-content class="has-header">
    <div>
        <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>

设置边距会导致离子视图变得可滚动

1 个答案: