Css 如何使静态离子列表在离子中滚动？

我在爱奥尼亚有一个静态列表，我只需要列表部分是可滚动的。我已经试过了 但对我来说不管用

它说-如果我们的代码中有离子项标签，它可能会给我们带来一些问题。因此，请确保删除此标记。我不知道是不是因为这个。无论我做什么，我只能让整个内容滚动或根本没有滚动。我只希望下面提到的列表部分是可滚动的

这是我的密码：

 <ion-content class="calendar-page ">
  <div class="calendar-section" padding>
    <ion-calendar #calendar></ion-calendar>
  </div>


  <div class="reminder-section ">
    <div class="bar bar-header bar-assertive section-title mt-20">
      <h2 class="title" align="center">Reminders</h2>
    </div>

    **//scrollable from here**

    <ion-list>
      <ion-item class="custom-font-size">
        QUIT SMOKING<span item-end>Today, 14:00</span>
        <ion-icon name="alarm" class="alarm-icon-color" item-end></ion-icon>
      </ion-item>


      <ion-item class="custom-font-size">
        GET FIT<span item-end>Today, 18:00</span>
        <ion-icon name="alarm" class="alarm-icon-color" item-end></ion-icon>
      </ion-item>

      <ion-item class="custom-font-size">
        QUIT SMOKING<span item-end>11 MAY 2018, 08:00</span>
        <ion-icon name="alarm" class="alarm-icon-color" item-end></ion-icon>
      </ion-item>
      <ion-item class="custom-font-size">
        QUIT SMOKING<span item-end>10 MAY 2018, 11:00</span>
        <ion-icon name="alarm" class="alarm-icon-color" item-end></ion-icon>
      </ion-item>
      <ion-item class="custom-font-size">
        GET FIT<span item-end>8 MAY 2018, 10:12</span>
        <ion-icon name="alarm" class="alarm-icon-color" item-end></ion-icon>
      </ion-item>
    </ion-list>

    **// scrollable till here**

  </div>
</ion-content>

提醒
**//可从此处滚动**
戒烟今天14:00
今天18:00起床
戒烟2018年5月11日08:00
戒烟2018年5月10日11:00
健身2018年5月8日10:12
**//可滚动到此处**

我用的是离子3

Please try below link for scroll-able list

---

这是@NRaghavendra建议的最佳解决方案

<ion-scroll scrollY="true" style="height: 200px">
    <ion-list>
      <ion-item class="custom-font-size">
        QUIT SMOKING<span item-end>Today, 14:00</span>
        <ion-icon name="alarm" class="alarm-icon-color" item-end></ion-icon>
      </ion-item>


      <ion-item class="custom-font-size">
        GET FIT<span item-end>Today, 18:00</span>
        <ion-icon name="alarm" class="alarm-icon-color" item-end></ion-icon>
      </ion-item>

      <ion-item class="custom-font-size">
        QUIT SMOKING<span item-end>11 MAY 2018, 08:00</span>
        <ion-icon name="alarm" class="alarm-icon-color" item-end></ion-icon>
      </ion-item>
      <ion-item class="custom-font-size">
        QUIT SMOKING<span item-end>10 MAY 2018, 11:00</span>
        <ion-icon name="alarm" class="alarm-icon-color" item-end></ion-icon>
      </ion-item>
      <ion-item class="custom-font-size">
        GET FIT<span item-end>8 MAY 2018, 10:12</span>
        <ion-icon name="alarm" class="alarm-icon-color" item-end></ion-icon>
      </ion-item>
    </ion-list>
</ion-scroll>

戒烟今天14:00
今天18:00起床
戒烟2018年5月11日08:00
戒烟2018年5月10日11:00
健身2018年5月8日10:12

你有没有试过

这可能对你的案子有帮助。@NRaghavendra我已经试过添加它了。当我尝试将我的列表放入整个列表时，会消失。因为您必须在css或编程方式中指定高度属性，可能您错过了这一点。@NRaghavendra我尝试在css中以及在内联方式中设置高度。这并不能解决问题。请通过演示。这里面的任何组件都不能滚动，一切都是固定的。请重新检查你发布的内容。我已经验证并发布了一个链接。请检查底部的可滚动列表，它是可滚动的，并检查代码。请验证一下。很抱歉，我看到了滚动部分，但我无法从css部分了解太多。您正在定义滚动、溢出或任何地方。它在您的示例中有效，但对于我的小问题来说太多了。解决问题分两行，可能你也可以参考。非常感谢。