Multiple ion-infinite-scroll

ionic-v1
1

I have a page with two lists and I want then to scroll independently, and get their content augmented when the user reaches the end of each list. Here is the codepen: http://codepen.io/priand/pen/vGoozo.
Unfortunately, it seems that both ion-infinite-scroll are triggered when the list on the right is scrolled-up, not the one on the left. Scrolling the left list has no result.
Looks like a bug to me. Any advise on how to get this working properly?

BTW, looks like I’m not the only one facing the issue: http://stackoverflow.com/questions/35140875/multiple-ion-scroll-both-with-infinite-scroll

2

The issue comes from the ‘require’ ?^ionicScroll that is not resolved properly. Not sure why, as a ionRefresher resolves properly in the same context.
I found a workaround which is about inserting an extra div around the content tags, as in http://codepen.io/priand/pen/PzYbZG. But that looks like a bug.

1 Like
3

nice, it help me today