title: AngularJS have ng-view display a dynamic footer outside of its div
body: <p>I'm fairly new to angular.js so I'm seeking advice on how to best implement the functionality described here. I have an html body with header, sidebar and a content area provided by <code>&lt;div class="container-fluid" ng-view&gt;&lt;/div&gt;</code>. Because this is a standard twitter-bootstrap layout , the <code>ng-view</code> is not a direct descendant of the <code>body</code> element.</p>
  
  <p>I have one view that shall contain an infinitely scrollable list. When at least one element of the list is selected, I want to slide-up a footer that contains contextual actions (the footer shall be <code>position:fixed</code> so that it's always displayed on top of the list). In essence this is similar to what happens on the Windows 8 Metro home-screen when you right click a tile.</p>
  
  <p>The problem I now have is that the footer can't be part of the <code>ng-view</code> partial because it needs to live directly under the <code>body</code> in the DOM. What's a good way to handle this with Angular.js and <code>ng-view</code> when I'd want to keep a single controller for the list and the dynamic footer? If there's a CSS solution to this, I'd be happy to hear about it too. </p>