Ionic2 Ionic 2幻灯片不滚动且内容居中

我已经试着让ion幻灯片内容滚动好几天了，但它不起作用。此外，由于某些原因，内容以中心为中心，这不是我想要的，我希望内容从顶部开始

请参阅下面我的代码：

<ion-slides pager="false" (change)="onSlideChanged($event)">
    <ion-slide style="background-color: green">
        <h2>lorem</h2>

        <h1>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolor distinctio ducimus ipsam quae porro obcaecati, consequatur ullam velit aperiam fugiat hic delectus. Voluptatibus aliquid doloremque sunt nihil ipsum, voluptatum ex.</h1>

        <h1>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolor distinctio ducimus ipsam quae porro obcaecati, consequatur ullam velit aperiam fugiat hic delectus. Voluptatibus aliquid doloremque sunt nihil ipsum, voluptatum ex.</h1>

        <h1>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolor distinctio ducimus ipsam quae porro obcaecati, consequatur ullam velit aperiam fugiat hic delectus. Voluptatibus aliquid doloremque sunt nihil ipsum, voluptatum ex.</h1>
    </ion-slide>

    <ion-slide style="background-color: blue">
        <h2>Slide 2</h2>
    </ion-slide>

    <ion-slide style="background-color: red">
        <h2>Slide 3</h2>
    </ion-slide>
</ion-slides>

洛勒姆
Lorem ipsum dolor sit amet，奉献精英。无论什么样的身份，都是代表代表团的代表。不动产抵押物必须是同一份抵押物，不动产抵押物除外。
Lorem ipsum dolor sit amet，奉献精英。无论什么样的身份，都是代表代表团的代表。不动产抵押物必须是同一份抵押物，不动产抵押物除外。
Lorem ipsum dolor sit amet，奉献精英。无论什么样的身份，都是代表代表团的代表。不动产抵押物必须是同一份抵押物，不动产抵押物除外。
幻灯片2
幻灯片3

下面是它显示的图像：

---

谢谢你的帮助。谢谢大家!

可能缺少一些css，请查看以下示例：

---

可能缺少一些css，请查看以下示例：

---

您可以添加此样式，使内容从顶部开始

ion-slide {
  align-items: flex-start !important;
}

---

可以添加此样式，使内容从顶部开始

ion-slide {
  align-items: flex-start !important;
}

---

发现我只需要在每张幻灯片中使用

，一切正常。

发现我只需要在每张幻灯片中使用

，一切正常。

类似的答案，你需要在每张

的内部将你的长内容包装成

，例如：

<ion-slides>
    <ion-slide *ngFor="#item of items">
      <scroll-content>
        <h1>{{item.title}}</h1>
        <p>{{item.description}}</p>
      </scroll-content>
    </ion-slide>
</ion-slides>

{{item.title}
{{item.description}

类似的答案，您需要在每个

的内部将您的长内容包装成

，例如：

<ion-slides>
    <ion-slide *ngFor="#item of items">
      <scroll-content>
        <h1>{{item.title}}</h1>
        <p>{{item.description}}</p>
      </scroll-content>
    </ion-slide>
</ion-slides>

{{item.title}
{{item.description}

将您的内容添加到

<ion-content></ion-content>

---

来源：

将您的内容添加到

<ion-content></ion-content>

---

来源：

覆盖高度的ion slides css属性

    ion-slides {
        height: auto !important;
    }

---

覆盖高度的css属性

    ion-slides {
        height: auto !important;
    }