title: How to scroll with ionic and have fixed content above
body: <p>I have the following view:</p>
  
  <pre><code> &lt;ion-view ng-controller="recentDetailCtrl as vm"&gt;
     &lt;ion-content  class="has-header"&gt;
        &lt;div  style="padding:0px;"&gt;
          &lt;my-video  video-url='vm.videoUrl'
             player-width="'100%'" player-height="'180px'"&gt;&lt;/my-video&gt; 
      &lt;/div&gt;
      &lt;ion-scroll&gt;
        &lt;ion-list&gt;
          &lt;ion-item ng-repeat="comment in vm.comments"&gt;
                  {{comment.text}}
  
          &lt;/ion-item&gt;
        &lt;/ion-list&gt;
     &lt;/ion-scroll&gt;
    &lt;/ion-content&gt;
  &lt;/ion-view&gt;
  </code></pre>
  
  <p>What I want is my list of comments to scroll but always have the video element fixed (so it stays scrolling below the video - similar to they way the mobile youtube app allows you scroll comments with the playing video fixed). </p>
  
  <p>Currently when I scroll the video is moved up out of view.</p>