AngularJSは、私は次のdivコンテナを持っている初期

Question

を下にスクロールAngularJS。 は、CSSまたはAngularJS

をスクロールダウンするいずれかの可能性は、[EDIT]

あります私はこのようにそれを試してみましたが、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; 
     }); 
    }; 
    });