AngularJS向下滚动初始

我有以下的div容器：AngularJS向下滚动初始

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

随着CSS：

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

，如果网页加载时间超过滚动条应在底部 - >我用AngularJS。是否有可能与CSS或AngularJS向下滚动

[编辑]

我已经尝试过这样的，但chatHistoryContainer.scrollHeight是不确定的。有谁知道为什么？

来源

2016-07-25 quma

'getElementsByClassName'不会对像jQuery选择器这样的所有元素执行动作，它会返回一个像所有元素一样的数组的对象。 '[elem1，elem2] .scrollTop'显然无效。 – tommybananas

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

来源

2016-07-25 22:49:15

AngularJS向下滚动初始

回答

相关问题