Ion segment scrolls both active and In-active when scroll active section?

I have two segment tabs for example A and B,
i set default value as A. So A tab will Active and B is in-active. each tab content have different list of contents. If a scroll A tab’s Content it also scroll B tab’s Content. I need separate scrolls for those sections.
This is my code:

 <ion-segment [(ngModel)]="type" mode="md">
      <ion-segment-button value="A">
        <ion-label>A</ion-label>
      </ion-segment-button>
      <ion-segment-button value="B">
        <ion-label>B</ion-label>
      </ion-segment-button>
    </ion-segment>
<ion-content [ngSwitch]="type" scroll-y='true'>
<section *ngSwitchCase="A">
<!-- Content Here -->
</section>
<section *ngSwitchCase="B">
<!-- Content Here -->
</section>
</ion-content>

You could use scroll events and store that information on the class it self? What have you tried so far? Not a whole lot to help with here.