ion-refresher in col for tablet

Question

I have a problem with the ion-refresher

This is my content

<ion-content #scrollContent [scrollEvents]="true" class="line-top-hide">
  <ion-grid class="ion-no-padding split-layout-wrapper">
    <ion-row class="split-layout">
      <ion-col class="ion-no-padding split-layout__left" size="12" size-md="7" size-lg="8">
        <!-- some content with scroll stuff -->
      </ion-col>
      <ion-col class="ion-no-padding split-layout__right" size="12" size-md="5" size-lg="4">
        <!-- some other content no scroll stuff -->
      </ion-col>
    </ion-row>
    <ion-refresher slot="fixed" (ionRefresh)="pullToRefresh($event)">
       <ion-refresher-content
        [refreshingSpinner]="'lines-small'"
        [pullingIcon]="'/assets/icons/icon_arrow_bottom_grey.svg'"
       ></ion-refresher-content>
     </ion-refresher>
  </div>
</ion-content>

When i open the app now on a tablet, i have content on the left and right side. Now when i can scroll down the left content and i want to scroll back on top, the refresher will be triggered. How can i prevent this? I just want to trigger ion-refresher, when i have all scrolled to top.