Making only one column scrollable

I have a page where I want to show two columns: one being scrollable and the other being fixed. My issue is that the scrollable columns ion-scroll isn’t getting the height correctly and I’m unable to scroll. I’ve been testing it in Chrome.

<ion-content scroll="false">
    <div class="row">
        <div class="col col-80">
            <ion-scroll zoom="false">
                Scrollable content...
            </ion-scroll>
        </div>
        <div class="col col-20">
            Fixed content...
        </div>
    </div>
</ion-content>

I fixed it by using ion-side-menus