title: Fixed top content with scrollable list view ionic
body: <p>Here is my code </p>
  
  <pre><code>&lt;ion-view title="'Ask'"&gt;
  
    &lt;ion-content has-header="true" &gt;
  
      &lt;!-- Top Content --&gt;
      &lt;div class="item item-input-inset"&gt;
    &lt;label class="item-input-wrapper"&gt;
      &lt;input type="text" align="center" ng-model="newmsg" placeholder="Title"&gt;
    &lt;/label&gt;
    &lt;button class="button button-small  button-button-outline button-balanced"
            ng-click="insert(newmsg)"&gt;Add&lt;/button&gt;
  
  
  &lt;/div&gt;
  
    &lt;div class="item item-input-inset"&gt;
    &lt;ti-segmented-control on-select="tapChanged($index)"style="width: 100%;"&gt;
      &lt;ti-segmented-control-button class="button-balanced" title="'title 1'" selected&gt; &lt;/ti-segmented-control-button&gt;
      &lt;ti-segmented-control-button class="button-balanced" title="'title 2'"&gt;&lt;/ti-segmented-control-button&gt;
    &lt;/ti-segmented-control&gt;
  &lt;/div&gt;    
  
   &lt;!-- list view --&gt;
  
    &lt;ion-list&gt;
     &lt;ion-item ng-repeat="item in items"&gt;
     {{item.name}}!
       &lt;/ion-item&gt;
     &lt;/ion-list&gt;
  
    &lt;/ion-content&gt;
  
  &lt;/ion-view&gt;
  </code></pre>
  
  <p>above scroll entire page. </p>
  
  <p>then i tried, <code>scroll="false"</code> in ion-content tag and <code>&lt;ion-scroll direction="y"&gt;&lt;/ion-scroll&gt;</code> in ion-list but the scroll view not scroll to bottom of the list items.</p>
  
  <p>Any one have a idea to solve this ?.</p>
  
  <p>thanks in advance.</p>
  
  <p><strong>Edit</strong></p>
  
  <p><a href="http://plnkr.co/edit/O3nHIYqOSwczWMeqURMR?p=preview" rel="nofollow">plunker</a> (thanks LeftyX for runnable code)</p>