Where does content scroll detects the size of the screen


#1

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!


#2

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: