title: Ionic add header which does not scroll with list
body: <p>I'm working with Angular.js and Ionic now and I have a view that looks like this:</p>
  
  <pre><code>&lt;ion-view view-title="My list"&gt;
    &lt;ion-content&gt;     
  
    &lt;!-- checkboxes with items --&gt;
    &lt;div&gt;
       &lt;ul class="list"&gt;
          &lt;li class="item item-checkbox" ng-repeat="myItem in myItems"&gt;
             &lt;label class="checkbox"&gt;
                &lt;input type="checkbox" ng-model="myItem.checked"&gt;
             &lt;/label&gt;
             {{myItem.Name}}
          &lt;/li&gt;
       &lt;/ul&gt;
    &lt;/div&gt;
  
    &lt;/ion-content&gt;
  &lt;/ion-view&gt;
  </code></pre>
  
  <p>And now I want to add a second header which has to be under the main header with the title <strong>My list</strong> (ion-view).</p>
  
  <p>I found out when I add such code (as below) between the opening <strong>ion-content</strong> and the <strong>div which contains the list</strong></p>
  
  <pre><code>&lt;div class="bar bar-header bar-positive&gt;
  ...
  &lt;/div&gt;
  </code></pre>
  
  <p>the header also does scroll. I don't want that. The header has to be placed fix under the main header.</p>
  
  <p>That is because of the ion-content element. But when I declare the secondary header outside of the ionic-content, I can't see the header.</p>
  
  <p>Maybe you know some advices for me. Thanks.</p>