estou tendo problemas com meu rodape em uma pagina que contem uma lista, qu na qual vou adicionando e ela crescendo. O problema é que está criando duas barras de rolagem no site e nao estou conseguindo resolver. Segue a lista e o css.
.footer {
background-color: #F2F2F2;
width:100%;
height: 60px;
position:fixed;
bottom:0;
}
<table id="lista-compras" class="table table-striped">
<thead>
<tr>
<th>Assunto</th>
<th>Descrição</th>
<th>Likes</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="topico in topicos | filter:search" class="comprado-{{ topico.comprado }}">
<td><strong>{{ topico.assunto }}</strong></td>
<td><strong>{{ topico.descricao }}</strong></td>
<td><strong>{{ topico.grau }}</strong></td>
<td><strong>
<a href="
Exemplo: