Ionic-framework: ion-infinite-scroll doesn't scroll smoothly

[mjason3]

the ion-infinite-scroll automatically enable an refresh icon at the top. it will result in the whole list push down and then get back to the original position(because of the refresher's appear and disappear).
I already had a workaround to remove that refresher, but it will be better if you can provide some options to disable it officially.
var infiniteElement = document.getElementsByTagName('ion-infinite-scroll')[0];
infiniteElement.removeChild(infiniteElement.childNodes[0]);

[mhartington]

Hmm, could you provide a codepen to illustrate what you mean? AFAIK, the icon should show up at the bottom of the list while it loads more data.

[mjason3]

I will come up with some code for reproducing it. but as i know, it's at the top of the list. I combined it with the collection repeat directives.

[mjason3]

@mhartington http://codepen.io/anon/pen/uAEsy see the refresher is always spinning at the top

[mhartington]

Ahh this is because it's using collection repeat. Related to #1380. Going to pass this to @ajoslin.

[ajoslin]

Fixed. collection-repeat now fits in with any other elements that are inside the ion-content.

[mjason3]

thanks @ajoslin I will try it later.

[mjason3]

@ajoslin I have tried the new version. it seems like there is new bug in iOS. When i scroll to the bottom(say there are 12 items in server), there is an extra item at the end(there are 13 items shown in total). The extra item has the same content as the one in the previous 12 items. I guess the placeholder for reuse is shown up?

[mjason3]

@ajoslin it's not only occur in iOS, you can also reproduce it in the browser.
Scroll to the bottom(no more items can be shown), then scroll to the top. When you scroll to the bottom again, you can see the extra item.

[ajoslin]

@mjason3 could you post a codepen reproducing this?

[mjason3]

@ajoslin I created a codepen: http://codepen.io/anon/pen/tKkyb
The issue can be reproduced with collection-repeat. In the example, i created 7 items(0-based).
You can find there a "ghost" item at the end of the list.

[mjason3]

any updates?

[arsenslyusarchuk]

There is still an issue on latest Ionic build beta-13. Infinite scroll is lagging seriously but only first time. When u come back from another page and try to scroll again - all is great and looks smoothly.

Any updates about that?

[zhangxp2017]

any updates?

[zhangxp2017]

ion-infinite-scroll

[ionitron-bot[bot]]

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.