Javascript 溢出y的方法：自动粘到底部

我使用angular的双重绑定不断地在点击按钮时添加到字符串中，当它对于框来说太长时，就会出现滚动条。这个很好用。我在想，当字符串被修改，页面被更新时，是否有办法让滚动条跳到底部，而不是静止不动

我在html上使用这个：

<div class="panel panel-primary">
  <div class="panel-heading">
    <h3 class="panel-title">Roll History</h3>
  </div>
  <div class="panel-body" id="rollHistory">
    <pre ng-cloak class="ng-cloak" id="rollDetails" >{{rollHistory}}</pre>
  </div>
  <div class="panel-footer">
    <button type="button" class="btn btn-default" ng-click="clearHistory()">Clear History</button>
  </div>
</div>

---

可能是这样的：

$（“#rollHistory”）.scrollTop（$（“#rollHistory”）.innerHeight（）嗯，好吧，我想这可能行得通，但我有点不确定如何将其合并到angular中。这行得通吗：
var$el=$（“#rollHistory”）$el.scrollTop（$id[0].scrollHeight）？尝试将其映射到单击按钮时被调用的函数中，我得到一个错误，声明：$id未定义My bad。它应该是：
var$el=$（“#rollHistory”）$el.scrollTop（$el[0].scrollHeight）
#rollHistory {
  height: 400px;
  overflow-y:auto;
}