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

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

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

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

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