How to properly implement infinite scroll in angular?

Question

JavaScript

Now there is this code:

$elem.scroll(function () {
        if ($ctrl._loading) return;
        if ($elem.scrollTop() - 50< 0) {
          $ctrl.onScrolled.call($ctrl.context)
        }
      })

as a result, when loading data, I remain at the very top, but I need the scroll to be at the place where the data loading began. (vk chat, etc.)
I think that you need to remember the position and scroll after the new data is displayed

var sh = raw.scrollHeight
....
 raw.scrollTop = raw.scrollHeight - sh;

Tried through
ng-init=($last?finished():null)
but it doesn't work.
Adding data:

this.getMessages(req)
        .then(({items}) => {
          this.messages.unshift(...items.reverse());
          this.isGettingScrolledMessages = false;
          this.$rootScope.silent = true;
        });

How do you know that all the data is displayed and you can return to the previous place or maybe there are better options?

Answer 1

try $timeout