title: Ionic 3 scrollable content
body: <p>I am using ionic 3.</p>
  
  <pre><code>&lt;ion-header&gt;
      &lt;ion-navbar&gt;
          &lt;ion-title&gt;{{ title }}&lt;/ion-title&gt;
      &lt;/ion-navbar&gt;
  &lt;/ion-header&gt;
  &lt;ion-content padding&gt;
  
  
  &lt;/ion-content&gt;
  &lt;ion-footer&gt;
      &lt;ion-title&gt;
          {{ title }}
      &lt;/ion-title&gt;
  &lt;/ion-footer&gt;
  </code></pre>
  
  <p>What ever I put in "ion-content" there is no scroll when content overcome height of the screen.
  I tried with grid in content:</p>
  
  <pre><code> &lt;ion-grid&gt;
      &lt;ion-row&gt;
          &lt;ion-col col-6&gt;
              &lt;ion-label&gt;Some label&lt;/ion-label&gt;
              &lt;div&gt;Some text&lt;/div&gt;
          &lt;/ion-col&gt;
          &lt;ion-col col-6&gt;
              &lt;ion-label&gt;Some label&lt;/ion-label&gt;
              &lt;div&gt;Some text&lt;/div&gt;
          &lt;/ion-col&gt;
          &lt;ion-col col-12 class="left-col"&gt;
              &lt;ion-label&gt;Some label&lt;/ion-label&gt;
              &lt;div&gt;Some text&lt;/div&gt;
          &lt;/ion-col&gt;
      &lt;/ion-row&gt;
  &lt;/ion-grid&gt;
  </code></pre>
  
  <p>Also tried with list:</p>
  
  <pre><code>&lt;ion-list&gt;
    &lt;ion-item&gt;Item 1&lt;/ion-item&gt;
    &lt;ion-item&gt;Item 2&lt;/ion-item&gt;
    &lt;ion-item&gt;Item 3&lt;/ion-item&gt;
     ...
  &lt;/ion-list&gt;
  </code></pre>
  
  <p>Nothing works. What is the catch here ?</p>