Ionic refresher pullingIcon shows up even at the most bottom of the page when scrolling up

[jayzyaj]

Ionic refresher pullingIcon shows up even at the most bottom of the page when scrolling up

Ionic Info

cli packages: (/usr/lib/node_modules)

    @ionic/cli-utils  : 1.19.2
    ionic (Ionic CLI) : 3.20.0

global packages:

    cordova (Cordova CLI) : 8.0.0

local packages:

    @ionic/app-scripts : 3.1.8
    Cordova Platforms  : android 6.3.0 browser 5.0.3
    Ionic Framework    : ionic-angular 3.9.2

System:

    Android SDK Tools : 26.1.1
    Node              : v6.12.2
    npm               : 4.6.1
    OS                : Linux 4.13

Environment Variables:

    ANDROID_HOME : /home/clifford/Android/Sdk

Misc:

    backend : pro

I am using Ionic 3 and I used the ionic-refresher to reload and load some new data from an API provider when the page is refresh that is working fine.

However when I scroll down below and decided to scroll up back again. The refresher pulling icon always shop up even at the bottom or center part of the content which I don't want to happen.

I only want to shop up the pullingIcon at the most top part of the content when it reaches the ion-navbar or the header component.

The code which I implemented is the same as the docs example with just different method when refreshed.

Is this an issue?

Additional Context
Link to SO question stackoverflow question

[ionitron-bot]

This issue has been automatically identified as an Ionic 3 issue. We recently moved Ionic 3 to its own repository. I am moving this issue to the repository for Ionic 3. Please track this issue over there.

If I've made a mistake, and if this issue is still relevant to Ionic 4, please let the Ionic Framework team know!

Thank you for using Ionic!

[ionitron-bot]

Issue moved to: ionic-team/ionic-v3#464