Ионная переподготовка PullingIcon отображается даже в самой нижней части страницы при прокрутке вверх

Question

Я использую Ionic 3, и я использовал ionic-освежитель для перезагрузки и загрузки некоторых новых данных от поставщика API, когда страница обновляется, что работает нормально.

Однако когда я прокрутил вниз и решил снова прокрутить назад. Значок обновления всегда отображается даже в нижней или центральной части содержимого, чего я не хочу.

Я только хочу купить pullingIcon в самой верхней части контента, когда он достигает ion-navbar или header component,

<ion-content>

  <ion-refresher (ionRefresh)="doRefresh($event)">
    <ion-refresher-content
      pullingIcon="arrow-dropdown"
      pullingText="Pull to refresh"
      refreshingSpinner="circles"
      refreshingText="Refreshing...">
    </ion-refresher-content>
  </ion-refresher>

</ion-content>

Код, который я реализовал, такой же, как пример документа с другим методом при обновлении.

Это проблема?

У меня также есть код внутри моего контента, который находится в нижней части ion-refresher конечный тег Это код ниже:

<ion-slides #mySlider (ionSlideDidChange)="onSlideChanged($event)">

Это конфликт из-за ионных горок или просто проблема?

Единственный CSS, который я модифицировал, это ниже:

.refresher-pulling-icon, .refresher-refreshing-icon{
  color: red
}

.refresher-refreshing .spinner-crescent circle, .refresher-refreshing .spinner-ios line, .refresher-refreshing .spinner-ios-small line{
       stroke : red;
    }

Но я не думаю, что это связано или причиной проблемы.

Ценю, если кто-то может помочь. Заранее спасибо.