javascript - 如何向下滚动到 ng-repeat 中的最新条目(AngularJS 或 Javascript)

Question

我有一个带有 ng-repeat 的 div 来显示帖子和一个输入框来输入新帖子。它们经过排序，最新的帖子显示在底部。添加新帖子后，我想向下滚动以查看最新帖子。有没有一种 Angular 技巧可以有效地做到这一点？或者我需要使用javascript来达到预期的结果吗？

<div ng-repeat="post in posts | limitTo:-15">
    {{post.uid}} : {{post.text}}
</div>

<form>
  <input type="textarea" class="chatbox" placeholder="Start typing..." ng-model="newPost"/>
  <button class="chatbutton" type="submit" ng-click="addPost(newPost); newPost = null; setInterval();"><span class="glyphicon glyphicon-send"></span></button>
</form>

Answer 1

您可以通过添加装饰指令来使其通用。

这里有一个示例，可能可以帮助您做到这一点；

基本上，当添加新元素时，$anchorScroll 服务将用于滚动到该特定元素。

http://jsbin.com/binoqavopa/18/edit