Scroll do menu não funciona

Segui as aulas e para testar fui inserindo várias coisas no menu. Percebi que depois que a quantidade de itens é maior que a tela, o scroll não funciona. Como resolver?

<ion-split-pane>
  <ion-menu [content]="conteudo" *ngIf="usuarioLogado">
    <ion-content>
      <ion-item id="cabecalho-menu" class="cabecalho-menu">
        <div>
          <ion-avatar item-start>
              <img src="assets/imgs/avatar-padrao.jpg">
          </ion-avatar>
        </div>
        <h2>{{ usuarioLogado.nome }}</h2>
        <p>{{ usuarioLogado.email }}</p>
      </ion-item>
      <ion-list no-lines>
        <button (click)="irParaPagina(pagina.ativo, pagina.componente)" ion-item menuClose *ngFor="let pagina of paginas">
          <ion-icon item-left>
            <img src="assets/imgs/icons/{{pagina.icone}}" class="img-icon">
          </ion-icon>
          <span [className]="pagina.ativo ? 'item-ativo' : 'item-inativo'">{{ pagina.titulo }}</span>
        </button>
      </ion-list>
    </ion-content>
  </ion-menu>

  <ion-nav [root]="rootPage" main #conteudo swipeBackEnabled="false"></ion-nav>
</ion-split-pane>