AngularJS向下滚动

Question

我有以下div容器：

<div class="col-md-8 grid-wrapper-div chatHistory">
...
</div>

使用CSS：

.chat .chatHistory {
    overflow-y:scroll;
    height: 550px;
}

如果页面已加载，则滚动条应位于底部 - ＆gt;我使用AngularJS。 是否有可能使用css或AngularJS向下滚动

[编辑]

我已经尝试过这样但 chatHistoryContainer.scrollHeight 未定义。有谁知道为什么？

Answer 1

使用ngInit，在渲染内容时运行，$ timeout将滚动推迟到下一个摘要周期，以便等待完全呈现的内容。

<div id="chat_history" class="col-md-8 grid-wrapper-div chatHistory" ng-init="scrollToBottom()">
...
</div>

myApp
  .controller(function($scope, $timeout){
    $scope.scrollToBottom = function() {
      $timeout(function(){
        var objDiv = document.getElementById("chat_history");
        objDiv.scrollTop = objDiv.scrollHeight;
      });
    };
  });