Question

我有一个带有结构的运送详细信息页面。

<ion-header></ion-header>
<ion-content>
   <ion-list>some ion-item's</ion-list>
   <ion-list>some ion-item's</ion-list>
   <ion-list>some more ion-item's (here my items aren't shown) and a button</ion-list>
</ion-content>
<ion-footer></ion-footer>

我看不到最后一项和按钮。滚动直到我到达列表中的最后一项为止。

我似乎找不到我的问题。我试图扩展离子含量以获得更多空间，但是由于某些原因，这种方法无法正常工作。

谢谢！

亲切的问候，尼克·范·赫克

Answer 1

我使用离子滚动固定了这一点。

<ion-content class="scrollable">
   <ion-scroll scrollY="true" class="scroll">
      <ion-list>some ion-item's</ion-list>
      <ion-list>some ion-item's</ion-list>
      <ion-list>some more ion-item's (here my items aren't shown) and a button</ion-list>
   </ion-scroll>
</ion-content>

CSS：

   .scrollable {
      overflow-y: hidden;
    }

   .scroll {
      width: 100%;
      height: 150%;
   }

我的离子列表视图的一部分未显示，直到在Ionic3中看到这些内容后才能滚动

1 个答案: