AngularJS向下滾動初始

Question

我有以下的div容器：

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

隨着CSS：

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

，如果網頁加載時間超過滾動條應在底部 - >我用AngularJS。 是否有可能與CSS或AngularJS向下滾動

[編輯]

我已經嘗試過這樣的，但chatHistoryContainer.scrollHeight是不確定的。有誰知道爲什麼？

Answer 1

使用ngInit，它運行在渲染內容和$超時後推遲滾動到下一個摘要週期以等待完全呈現的內容。

<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; 
     }); 
    }; 
    });