AngularJS向下滚动初始
问题描述:
我有以下的div容器:AngularJS向下滚动初始
<div class="col-md-8 grid-wrapper-div chatHistory">
...
</div>
随着CSS:
.chat .chatHistory {
overflow-y:scroll;
height: 550px;
}
,如果网页加载时间超过滚动条应在底部 - >我用AngularJS。 是否有可能与CSS或AngularJS向下滚动
[编辑]
答
使用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;
});
};
});
'getElementsByClassName'不会对像jQuery选择器这样的所有元素执行动作,它会返回一个像所有元素一样的数组的对象。 '[elem1,elem2] .scrollTop'显然无效。 – tommybananas