离子页面溢出没有滚动

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