离子页面溢出没有滚动

Question

我第一次使用Ionic。我基于ionic2-starter-tutorial

开始了一个项目

它运作良好，但我面临一个重大问题。当我在页面上添加太多内容（例如item-details.html）时，页面会溢出，我无法滚动它。 我试图将<ion-scroll scrollY="true"></ion-scroll> from the doc内的所有内容包围起来但也没有成功。知道发生了什么吗？

<ion-header>
  <ion-navbar>
    <button menuToggle *ngIf="!selectedItem">
      <ion-icon name="menu"></ion-icon>
    </button>
    <ion-title>{{selectedItem}}</ion-title>
  </ion-navbar>
</ion-header>



<ion-slides pager>

  <ion-slide>
    <!-- Lot of contents -->
  </ion-slide>

  <ion-slide>
    <!-- Lot of contents -->
  </ion-slide>

  <ion-slide>
    <!-- Lot of contents -->
  </ion-slide>

</ion-slides>

我希望能够从上到下滚动查看页面的所有内容，而不仅仅是根据窗口高度显示的内容。

由于

Answer 1

我从official GitHub repo找到了解决方案。

我认为问题是因为动态元素被添加到幻灯片中。覆盖滑动高度可以解决问题：

ion-slides {
  height: auto;
}