angulaire.js - AngularJS fait défiler automatiquement Div vers le bas.

Question

Lorsque vous utilisez AngularJs pour la messagerie instantanée, vous devez fixer la barre de défilement de p vers le bas.
J'ai essayé la méthode suivante maintenant, mais aucune réponse.

//----p滚动条置底
$scope.scrollWindow=function(){
    var _el = document.getElementById('chat_history');
    _el.scrollTop = _el.scrollHeight;
};

//----使用方法
$timeout(function(){
    $scope.scrollWindow();
},500);

Answer 1

Réponses qui ont été mises en œuvre avec succès. L'API HTML5 de DOMNodeInserted est utilisée pour détecter les changements dans le contenu des éléments.

$scope.scroll_go=function(){
    var _childEl=jQuery(".chat-history"),_el=jQuery("#chat_history");
    if(_childEl.height()>(_documentSize.height - 50)){
        _el.scrollTop(_childEl.height());
    }
    //----检测元素内容变动
    _childEl.bind('DOMNodeInserted',function(){
        _el.scrollTop(_childEl.height());
    });
};

Answer 2

$scope.scrollWindow=function(){
    var _el = document.getElementById('chat_history');
    _el.scrollTop = _el.scrollHeight - _el.height;
};