Independent scroll bar in Grid system

Hi, I would like to make two columns, the left column will be fixed and non-scrollable, the right column can be scrolled down when the content exceed the height.

Updated :
My current code is as below, it can basically make the layout I want, but the layout is not good. May I know is there any better idea ? Many thanks.

<ion-grid>
  <ion-row>
    <ion-col width-25 class="left-column">
      <ion-scroll scrollY="false">
      This column should be fixed and non-scrollable
      </ion-scroll>
    </ion-col>
    <ion-col width-75 class="right-column">
      <ion-scroll scrollY="true">
      This column can be scrolled down when the content is more
     </ion-scroll>
    </ion-col>
  </ion-row>
</ion-grid>

hi,
I have the same problem. can somebody pls help.