Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

ion-infinite-scroll doesn't scroll smoothly #1866

Closed
mjason3 opened this issue Jul 27, 2014 · 15 comments
Closed

ion-infinite-scroll doesn't scroll smoothly #1866

mjason3 opened this issue Jul 27, 2014 · 15 comments
Milestone

Comments

@mjason3
Copy link

mjason3 commented Jul 27, 2014

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
Copy link
Contributor

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
Copy link
Author

mjason3 commented Jul 30, 2014

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
Copy link
Author

mjason3 commented Jul 30, 2014

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

@mhartington
Copy link
Contributor

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

@ajoslin
Copy link
Contributor

ajoslin commented Aug 6, 2014

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

@mjason3
Copy link
Author

mjason3 commented Aug 7, 2014

thanks @ajoslin I will try it later.

@mjason3
Copy link
Author

mjason3 commented Aug 7, 2014

@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
Copy link
Author

mjason3 commented Aug 7, 2014

@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
Copy link
Contributor

ajoslin commented Aug 7, 2014

@mjason3 could you post a codepen reproducing this?

@mjason3
Copy link
Author

mjason3 commented Aug 9, 2014

@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
Copy link
Author

mjason3 commented Aug 14, 2014

any updates?

@arsenslyusarchuk
Copy link

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
Copy link

any updates?

@zhangxp2017
Copy link

ion-infinite-scroll

@ionitron-bot
Copy link

ionitron-bot bot commented Sep 3, 2018

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.

@ionitron-bot ionitron-bot bot locked and limited conversation to collaborators Sep 3, 2018
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

5 participants