title: How to have an Ionic >=2 scrollable ion-list under fixed search bar
body: <p>I have an Ionic >=2 application where I would like to have 2 or 3 fixed rows at the top of the page, and then have the rest of the page as a scrollable list (and later I want it to be virtual, but just want to get the simple list working forst).</p>
  
  <p>As a simplified example, I have the following <a href="http://plnkr.co/edit/z0DzVL?p=preview" rel="noreferrer">plunk</a>. The markup repeated here is..</p>
  
  <pre><code>    &lt;ion-header&gt;
            &lt;ion-navbar&gt;
              &lt;ion-title&gt;{{ appName }}&lt;/ion-title&gt;
             &lt;/ion-navbar&gt;
      &lt;/ion-header&gt;
  
      &lt;ion-content scroll=false&gt;
         &lt;ion-grid&gt;
           &lt;!-- Row 1 fixed at top --&gt;
           &lt;ion-row&gt;
             &lt;ion-col&gt;
               &lt;ion-searchbar&gt;&lt;/ion-searchbar&gt;   
             &lt;/ion-col&gt;
             &lt;!-- Other cols --&gt;
           &lt;/ion-row&gt;
  
          &lt;!-- Row 2 Scrollable list --&gt;
          &lt;ion-row&gt;
            &lt;ion-col&gt;
              &lt;ion-list&gt;    
                &lt;ion-item *ngFor="let item of data"&gt;      
                  &lt;div&gt;{{item}}&lt;/div&gt;
                &lt;/ion-item&gt;          
              &lt;/ion-list &gt;  
            &lt;/ion-col&gt;
         &lt;/ion-row&gt;
  
         &lt;/ion-grid&gt;
      &lt;/ion-content&gt;
  </code></pre>
  
  <p>The problem is the search bar also scrolls with the list, whereas I would like this to always remain visible at the top of the page.</p>
  
  <p>Does anyone know why I have the search bar also scrolling when this is in a completely separate row to the ion-list? Should I be using an ion-grid in this way?</p>
  
  <p>Thanks in advance for any help!</p>