Hi, since I upgraded from ionic 2.2.1 to the latest 3.9.2 i have an issue with the VirtualScroll.
Here is the start page (there is a toolbar in header):
When i start scroll to the bottom (everything is fine):
When i scroll a bit more, the first element of the list disappear to early and we can see a huge blank space which is awful. It should disappear when the first element is almost visible on the top. :
When I delete the toolbar in the header it fixes the issue so I think the Virtual scroll doesn’t understand that there is this gap between the top of screen and the start of the virtual scroll. How can I tell him that this gap exists?
It happens on both serve and devices.
It happens not only on the first element of list but on all the elements.
<ion-list [virtualScroll]="feed.posts" approxItemHeight="225px" no-lines> <div class="feed-item" *virtualItem="let post" style="width: 100%"> <ion-card> ... </ion-card> </div> </ion-list>
Cordova CLI: 8.0.0 Ionic Framework Version: 3.9.2 Ionic CLI Version: 2.2.1 Ionic App Lib Version: 2.2.0 Ionic App Scripts Version: 3.1.7 ios-deploy version: 1.9.2 ios-sim version: 6.1.2 OS: macOS Sierra Node Version: v9.3.0 Xcode version: Xcode 9.2 Build version 9C40b