[HTML] Ion-segments + ion-scroll

How can I make the purple zone height 100% with vertical scroll inside them in the example above?

I tried ion-scroll and ion-content with no success.

There is the (simplified) HTML:

<ion-header no-border>

    <ion-navbar color="marro">



    <div class="game-information">

        <group-game-players [game]="game" [usuari]="usuari"></group-game-players>

        <ion-segment [(ngModel)]="tab" mode="md">
            <ion-segment-button value="information">
                <i class="fc fc-info"></i>
            <ion-segment-button value="chat">
                <i class="fc fc-chat"></i>

        <div [ngSwitch]="tab">

            <div *ngSwitchCase="'information'" padding-top>
                <game-information [game]="game"></game-information>

            <div *ngSwitchCase="'chat'">
                <!-- This is the purple div-->
                <div class="test"></div>





        <button ion-button block>
            {{'Footer Button'|translate}}


My system information:

Cordova CLI: 6.5.0
Ionic Framework Version: 2.2.0
Ionic CLI Version: 2.2.1
Ionic App Lib Version: 2.2.0
Ionic App Scripts Version: 1.1.4
ios-deploy version: 1.9.0
ios-sim version: 5.0.11
OS: macOS Sierra
Node Version: v7.1.0
Xcode version: Xcode 8.3.2 Build version 8E2002

Thanks in advance!

1 Like