Ion-footer-bar stay on top ion-list?

I’m creating an infinity list and I have ion-footer-bar on my app. The problem is that when list is finish the ion-footer-bar stay on top of last record. To solve it I’m trying use $scope.$broadcast(‘scroll.resize’); but does not has result.

The list: http://imgur.com/vLa4HO1

How could I solve this ?

Controller

var app = angular.module('starter');

app.controller('EmpresaCtrl', function($scope, $state, $ionicLoading, EmpresaAPIService, AppConstants, APP_MESSAGES){

	  $scope.moreData = false;
	  var offset = 0;
  	$scope.items = [];    

  	$scope.loadMore = function(){
  		EmpresaAPIService.getAllEmpresas(offset)
  		.success(function(data){
if(data.result.length === 0){
    $scope.moreData = true;            
}else{            
    angular.forEach(data.result, function(empresa){                   
        var image = empresa.Empresa.imagem;
        empresa.Empresa.imagem = AppConstants.webServiceUrl + "/app/webroot/img/empresas/" + image;                 
        $scope.items.push(empresa);         
    })
    offset += 10;  
}	

  			$scope.$broadcast('scroll.infiniteScrollComplete');
$scope.$broadcast('scroll.resize');

  		})
  .error(function(err){
       $ionicLoading.show({ template: APP_MESSAGES.internetOut, noBackdrop: true, duration: 2000 });
  });   
  		
  	};

  	$scope.getEmpresa = function(id){      
  		var params = {id:id};
  		$state.go('tab.detalheEmp', params);
  	}

});

index.html

 <body ng-app="starter" animation="slide-left-right-ios7">
   
<ion-nav-bar class="bar bar-header bar-assertive" align-title="center">
  <ion-nav-back-button>
  </ion-nav-back-button>
</ion-nav-bar>

<ion-nav-view>
</ion-nav-view>

<ion-footer-bar align-title="left" class="bar-dark" ng-controller="AnuncioCtrl">
<div ng-model="loading" ng-show="loading">
  `<img src="img/loading.gif" width="30" height="30"> `           
</div>
<img ng-src="{{banner}}" style="max-width:100%;display:block;margin:0 auto">
</ion-footer-bar>
 
  </body>

empresas.html

<ion-view view-title="Empresas">


  <ion-content class="padding" has-footer="true" scroll="true">
  
  <div class="item item-input-inset">
      <label class="item-input-wrapper">
        <i class="icon ion-ios-search placeholder-icon"></i>
        <input type="text" ng-model="pesquisar" placeholder="Pesquisa rápida...">
      </label> 
  </div>

  <ion-list>      
      <ion-item class="item item-thumbnail-left" 
            ng-repeat="item in items | filter:pesquisar" 
            type="item-text-wrap"
            ng-click="getEmpresa({{item.Empresa.id}})" >
        
          <img ng-src='{{item.Empresa.imagem}}'>          
          <div style="font-weight:bold;" class="item-text-wrap">{{item.Empresa.nome}}</div>
          <div style="font-size:small" class="item-text-wrap">{{item.Empresa.tipo}}</div>
          <div style="font-size:small">{{item.Empresa.endereco}}</div>
          <div style="font-size:small">{{item.Empresa.telefone}}</div>

          <a href="tel:{{item.Empresa.telefone}}" class="button button-small button-balanced icon ion-ios-telephone">
          </a> 
          
      </ion-item>
      <ion-infinite-scroll on-infinite="loadMore();" distance="1%" ng-if='!moreData'></ion-infinite-scroll>
 </ion-list>


  </ion-content>

</ion-view>

What happens if you add a row of buttons under your ion-list?

Hi @Adamxyz, I solved the problem. I added class=has-footer on tag <ion-nav-view> and works. Thanks a lot.