Best way to make scroll into a element


#1

I create scroll into a element, for do this I tried:

HTML:

<ion-content>
  <ion-grid style="height:100%" *ngIf="plat && ticket">
    <ion-row>
      <ion-col col-4 padding>
        <ticket-info [ticket]="ticket"></ticket-info>        
      </ion-col>
      <ion-col class="scrollabe" col-8 no-margin>
          <ticket-acao [ticket]="ticket"></ticket-acao>
      </ion-col>
    </ion-row>
  </ion-grid>
</ion-content>

CSS:

.scroll-content {
  overflow: hidden;
 }

.scrollabe {
  overflow-y: scroll;
}

But this hides my content:

Also, i tried this way:

<ion-content>
  <ion-grid *ngIf="plat && ticket">
    <ion-row>
      <ion-col col-4 padding>
        <ticket-info [ticket]="ticket"></ticket-info>        
      </ion-col>
      <ion-col col-8 no-margin>
        <ion-scroll scrollY="true" style="height: 100%;width: 100%">
          <ticket-acao [ticket]="ticket"></ticket-acao>
        </ion-scroll>
      </ion-col>
    </ion-row>
  </ion-grid>
</ion-content>
.scroll-content {
  overflow: hidden;
 }

and the same issue occurs…

The problem is solved if i decrease the height, but i lose the responsive layout.

So, what is the best way to make that?