溢出的方式-y：自动粘到底部

Question

我正在使用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。我在CSS上的所有内容都是

#rollHistory {
  height: 400px;
  overflow-y:auto;
}