Where does content scroll detects the size of the screen

Hey there,

I’m trying to use the tabs as links, not as actual tabs, so I’m not using the ng controller, but the html below

<div class="tabs">
  <a class="tab-item">
    Home
  </a>
  ...
</div>

There’s just one little problem, which is that the scroll is counting the tabs as it was part of the content, so there’s a little screen space in the bottom (about 50px) that I can’t scroll to.

http://screencloud.net/v/uRIc

How does the scrolling detects the actual size of the page? How do I put a fake space in the view so I can see the full page?

The html snippet I’m trying is this:

<div class="view">
  <ion-nav-view name="main-content"></ion-nav-view>
  <div class="tabs tabs-icon-only tabs-positive">
    <a class="tab-item" ui-sref="tab.home"><i class="icon ion-calendar"></i></a>
    ...
  </div>
</div>

Thanks!

I will answer my own question.

I just had to put the attribute has-footer on the ion-content directive of pages using the tabs, and everything worked fine!

Thanks in advance! :smile:

1 Like