How to exchange refresh (new datas) with infinite-scroll (older datas)

ionic-v1
1

I want to keep the latest data are shown below (as is the case with sms / facebook messages) and if you pull from the bottom up so that it was restoring data and if you pull the top down so that there was a display of old data.
I have now:

<ion-content>
    <ion-infinite-scroll on-infinite="loadMore()" distance="50%"  ng-if="deviceReady"></ion-infinite-scroll>
    <ion-list>
        <ion-item ng-repeat="b in blogs">
            <h2>{{ b.id }}</h2>
            <p>{{b.nick + " " +b.message}}</p>
        </ion-item>
    </ion-list>
    <ion-refresher pulling-text="Reload blogs" on-refresh="reload()"></ion-refresher>
</ion-content>

and it does not work. :frowning:
Thanks for advice

2

Can you please provide a minimal demo with fake data of what you have so far?

4

Even though I turned the html element refresh with infinite-scroll so refresh is still on top, infinity-scroll down.
demo