ionic-framework: Infinite scroll on opposite direction (chat behavior)
Short description of the problem:
The infinite scroll component only supports distance from bottom of lists. Let’s say we have a chat app that needs infinite scroll on the top of the list?
What behavior are you expecting?
The component should detect if the list is below or on the top of the list, and behave accordingly.
Steps to reproduce:
- Create a list
- Place the infinite scroll on top of it
- It tries to calculate distance from bottom, not from top
insert any relevant code between the above and below backticks
Other information: (e.g. stacktraces, related issues, suggestions how to fix, stackoverflow links, forum links, etc)
Which Ionic Version? 1.x or 2.x Ionic 2 Beta 7
Plunker that shows an example of your issue
http://plnkr.co/edit/dRjYc4yn333EP4tAzclx?p=preview
Run ionic info from terminal/cmd prompt: (paste output below)
Gulp version: CLI version 3.9.1
Gulp local: Local version 3.9.1
Ionic Framework Version: 2.0.0-beta.7
Ionic CLI Version: 2.0.0-beta.25
Ionic App Lib Version: 2.0.0-beta.15
ios-deploy version: Not installed
ios-sim version: 5.0.8
OS: Mac OS X El Capitan
Node Version: v5.8.0
Xcode version: Xcode 7.3 Build version 7D175
About this issue
- Original URL
- State: closed
- Created 8 years ago
- Reactions: 15
- Comments: 22 (7 by maintainers)
Commits related to this issue
- feat(infinite): add scroll in opposite direction Adds a position input and adds support for infinite scrolling towards the top of a view. fixes #6696 — committed to Manduro/ionic by Manduro 8 years ago
- feat(infinite): add scroll in opposite direction Closes #6696 — committed to Manduro/ionic by deleted user 7 years ago
I’ve just submitted a PR for this feature, give it a try!
Updated my PR #8099 to have it automatically maintain scroll position when loading more at the top, and have the page scroll to the bottom on load. Have a look and give it a try!
Is there a possibility to implement it for ionic 1?
Feature will be supported in 2.3 thanks to @Manduro ! thank you very much from the ionic team 😃
@jgw96 what do you think about this great feature and PR?
Hi, everyone! Any update on this issue or workaround? It’s really hard to develop a chat app without the infinite scroll on top.
Thank you!
can’t wait this feature, if I can help with this development please tell me how
Great to see you guys will implement that on beta 10!!
Chat use case is a big one!