Ionic Virtual Scroll flickers when scrolling past top of page IOS

Ionic Framework ionic-v3
#1

I have a list using virtual scroll. If I scroll past the top of the page with the ‘rubberband’ effect on IOS, the list flickers and tries to snap back into place for a moment.


cli packages: (/usr/local/lib/node_modules)

    @ionic/cli-utils  : 1.18.0
    ionic (Ionic CLI) : 3.18.0

global packages:

    cordova (Cordova CLI) : 7.1.0 

local packages:

    @ionic/app-scripts : 3.1.2
    Cordova Platforms  : android 6.3.0 ios 4.5.3
    Ionic Framework    : ionic-angular 3.9.2

System:

    ios-deploy : 1.9.2 
    Node       : v8.4.0
    npm        : 5.5.1 
    OS         : macOS Sierra
    Xcode      : Xcode 9.0.1 Build version 9A1004 

Environment Variables:

    ANDROID_HOME : not set

Misc:

    backend : pro
1 Like
#2

I tried ionic doctor check, have all the latest installed.

If i pull down on even the most basic virtual scroll with nothing but an h1 tag in it, it flickers when below scrollTop 0

1 Like
#3

The same thing is happening to me. I’ve set height, min-height and max-height to all children in ion-list and set approxItemHeight property on virtualScroll, used WKWebView and read through all the tips in docs and nothing helps. It always flickers when I pull down on ion-list that is already scrolled at the top. I’m not using a refresher.

Any ideas?