title: ionic - tabs not fixed at bottom of the screen
body: <p>I'm having an issue when trying to use ionic tabs.</p>
  
  <p>I need them to be always visible at the bottom of the screen (something like <code>position: fixed; bottom: 0; left: 0;</code>).</p>
  
  <p>They problem I've got is that in my current setup, is not behaving like supposed to.</p>
  
  <p>Here's the template I'm using:</p>
  
  <pre><code>  &lt;h2&gt;This is subview&lt;/h2&gt;
    &lt;div class="list"&gt;
      &lt;div class="item " ng-repeat="el in elements"&gt;
        {{el.name}}
      &lt;/div&gt;
    &lt;/div&gt;
        &lt;div class="tabs tabs-icon-only tabs-dark"&gt;
          &lt;a class="tab-item"&gt;test&lt;/a&gt;
          &lt;a class="tab-item"&gt;test 1&lt;/a&gt;
          &lt;a class="tab-item"&gt;test 2&lt;/a&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>but the tabs are linked to the bottom of the screen, and so, if i have to scroll the page, the are at the bottom instead of always visible with the content scrolling below on a different z-index.</p>
  
  <p>I may have explained this badly, so here's an example that explains this better:
  <a href="http://codepen.io/NickHG/pen/NNZYwK?editors=1010" rel="nofollow">http://codepen.io/NickHG/pen/NNZYwK?editors=1010</a></p>
  
  <p>And to summarize: What I have to do to have the tabs always fixed to the bottom even if the page is longer?</p>
  
  <p>PS: All of this refers to a sub view, if it is important somehow.</p>
  
  <p>Thanks for any advice and help</p>