Infinite scrolling


#1

Sooner or later there will be the possibility to integrate, in an easy way, an infinite scroll for lists?

Thanks


#2

Yep, that is something that definitely will be possible. Though I’d even say it’s possible today you just have to implement most of it yourself.

We are doing some big scrolling overhauls, so expect some more magic next week :slight_smile:


#3

Nice, I’m looking forward to see these changes, thank you!


#4

Cool! I am too looking forward to see the updates :slight_smile:


#5

Have there been any updates to this?


#6

Just pushed thanks to a contribution from another dev. Check it out here! https://github.com/driftyco/ionic/blob/master/examples/starters/infinitescroll/index.html


#7

Awesome, I’ll try it soon!


#8

Is this feature still available? The link to the example doesn’t work.


#9

You can see the example here: https://github.com/driftyco/ionic/pull/351/files
I’m trying to implement this and it’s not working. The done() function is not passed in the loadMore function in my controller.

EDIT: Here is a code pen that is somehow not now working: http://codepen.io/elm/pen/Becqp

EDIT2: Also see https://github.com/driftyco/ionic/issues/661

EDIT3: Seems like it’s fixed now.


#10

Having trouble getting infinite scroll to be called more than once. I have 1000 items in my list, but I can only get infinite scroll to be called the first time I scroll to the bottom of the page.

<ion-content>

    <ion-list can-swipe="true" option-buttons="itemButtons">
        <ion-item ng-repeat="facility in facilities | limitTo:numberOfItemsToDisplay" item="facility">
            {{facility.name}}
        </ion-item>
    </ion-list>

    <ion-infinite-scroll on-infinite="loadMore()" distance="1%" icon="ion-loading-c"></ion-infinite-scroll>

</ion-content>

Resolved: Added $scope.$broadcast('scroll.infiniteScrollComplete'); to the end of my loadMore function.