I have an angular app with ng-infinite scroll. The problem are:
- when I am in the middle in the page the callback that loads new content is triggered. And when it gets triggered, it shifts
- when elements are added to the page and when the end is reached, the scroll keeps at being at the end even though new content was added (whereas the new content should appear after the old elements, and the user should have to scroll to see it)
- when I click a link and go to the next page, the zoom isn't reset as it should
Here is a screencast: https://imgur.com/KMaCLuQ
Now guys, this is a part of the code (the view that contains post list)
<div infinite-scroll="loadMorePosts()" infinite-scroll-distance="0">
<md-card ng-repeat="post in posts">
<h5 ng-bind-html="post.title"></h5>
<p ng-bind-html="post.body">
</p>
</md-card>
<div layout="horizontal" layout-align="center">
<md-progress-circular mode="indeterminate" ng-if="more"></md-progress-circular>
</div>
</div>
If you want more, feel free to check source code