bug: infinite scroll together with top and bottom

[indraraj26]

I'm submitting a ... (check one with "x")
[X] bug report
[ ] feature request

Current behavior:

It is creating extra white space sometime at the end of page or at the starting of page and Also it is scrolled down to bottom.

Expected behavior:

It should not create white space and scrolled down to bottom;

Steps to reproduce:

Related code:
https://stackblitz.com/edit/ionic-wqahxy?file=pages%2Fhome%2Fhome.ts

<ion-header>
  <ion-navbar>
    <ion-title>Home</ion-title>
  </ion-navbar>
</ion-header>
<style>
   ion-content {
     background-color:#333;
   }
  </style>

<ion-content padding>
   <ion-infinite-scroll (ionInfinite)="doInfinite($event)" position="top">
   <ion-infinite-scroll-content></ion-infinite-scroll-content>
 </ion-infinite-scroll>

   <ion-list>
   <ion-item *ngFor="let i of items">{{i}}</ion-item>
 </ion-list>
     <ion-infinite-scroll (ionInfinite)="doInfinite($event)">
   <ion-infinite-scroll-content></ion-infinite-scroll-content>
 </ion-infinite-scroll>
</ion-content>

Other information:

Ionic info: (run ionic info from a terminal/cmd prompt and paste output below):

3.9.9

Edit: Infinite scroll top position only is scrolling down to bottom
https://stackblitz.com/edit/ionic-ofbwsg?file=pages%2Fhome%2Fhome.ts

I have tried all the way to resolve that i can

    // this.topInfinite.enable(false);  
    // this.bottomInfinite.enable(false);
    // setTimeout(() => { 
    // this.content.resize()  
    // this.content.scrollToTop()   
    // setTimeout(() => {
    // this.topInfinite.enable(true);  
    // }, 2000)
    // }, 100)
    // // window.scrollTo(0,0)
    // setTimeout(() => { 
    // // this.content.scrollToTop(); 
    //       this.topInfinite.enable(true); 
    // this.bottomInfinite.enable(true);
    // this.content.resize()  

    // }, 3000)

[indraraj26]

#1083