Scroll doesnt work

Hi guys !

I need to have 4 tabs on a page, but when I add them, I cant scroll my page. Do you see the problem?

<ion-view title="Gallery">
    <ion-nav-buttons side="left">
      <button menu-toggle="left" class="button button-icon icon ion-navicon"></button>
    <ion-content scroll="true" class="has-header has-footer">
        <div class="row">
            <div class="col">
                <img src="img/myimage.png" alt=""/>

    <ion-tabs class="tabs-icon-top tabs-positive">
        <ion-tab title="1" icon="icon ion-heart" href="#/app/a-1">
        <ion-nav-view name="tab-1"></ion-nav-view>

        <ion-tab title="2" icon="icon ion-heart" href="#/app/a-2">
        <ion-nav-view name="tab-2"></ion-nav-view>

        <ion-tab title="3" icon="icon ion-heart" href="#/app/a-3">
        <ion-nav-view name="tab-3"></ion-nav-view>

         <ion-tab title="4" icon="icon ion-heart" href="#/app/a-4">
        <ion-nav-view name="tab-4"></ion-nav-view>