title: How to make a static ion-list scrollable in ionic?
body: <p>I have a static list in ionic and i need only the list part to be scrollable. I already tried this
  <a href="https://stackoverflow.com/questions/41462043/ionic-2-implement-scrollable-div-in-side-ion-content-diractive">stack overflow question's answer</a> but it does'nt work for me.</p>
  
  <p>It says that- <strong>If we have ion-item tag in our code, it could cause some issue for us. So make sure to remove this tag</strong> . I don't know whether it is because of that. No matter what i do, i can only get the whole content to be scrollable or no scroll at all. I want only the list part mentioned below to be scrollable.</p>
  
  <p>Here is my code :</p>
  
  <pre><code> &lt;ion-content class="calendar-page "&gt;
    &lt;div class="calendar-section" padding&gt;
      &lt;ion-calendar #calendar&gt;&lt;/ion-calendar&gt;
    &lt;/div&gt;
  
  
    &lt;div class="reminder-section "&gt;
      &lt;div class="bar bar-header bar-assertive section-title mt-20"&gt;
        &lt;h2 class="title" align="center"&gt;Reminders&lt;/h2&gt;
      &lt;/div&gt;
  
      **//scrollable from here**
  
      &lt;ion-list&gt;
        &lt;ion-item class="custom-font-size"&gt;
          QUIT SMOKING&lt;span item-end&gt;Today, 14:00&lt;/span&gt;
          &lt;ion-icon name="alarm" class="alarm-icon-color" item-end&gt;&lt;/ion-icon&gt;
        &lt;/ion-item&gt;
  
  
        &lt;ion-item class="custom-font-size"&gt;
          GET FIT&lt;span item-end&gt;Today, 18:00&lt;/span&gt;
          &lt;ion-icon name="alarm" class="alarm-icon-color" item-end&gt;&lt;/ion-icon&gt;
        &lt;/ion-item&gt;
  
        &lt;ion-item class="custom-font-size"&gt;
          QUIT SMOKING&lt;span item-end&gt;11 MAY 2018, 08:00&lt;/span&gt;
          &lt;ion-icon name="alarm" class="alarm-icon-color" item-end&gt;&lt;/ion-icon&gt;
        &lt;/ion-item&gt;
        &lt;ion-item class="custom-font-size"&gt;
          QUIT SMOKING&lt;span item-end&gt;10 MAY 2018, 11:00&lt;/span&gt;
          &lt;ion-icon name="alarm" class="alarm-icon-color" item-end&gt;&lt;/ion-icon&gt;
        &lt;/ion-item&gt;
        &lt;ion-item class="custom-font-size"&gt;
          GET FIT&lt;span item-end&gt;8 MAY 2018, 10:12&lt;/span&gt;
          &lt;ion-icon name="alarm" class="alarm-icon-color" item-end&gt;&lt;/ion-icon&gt;
        &lt;/ion-item&gt;
      &lt;/ion-list&gt;
  
      **// scrollable till here**
  
    &lt;/div&gt;
  &lt;/ion-content&gt;
  </code></pre>
  
  <p>I am using ionic 3.</p>