如何使用 Ember 更新属性后滚动到 DOWN

I am using ember view, once the page loads i want to scroll down to the page.In view didInsertElement will call and make the page load to scroll down, here is my code 
 App.MessagesView = Ember.View.extend({
  didInsertElement: function() {
    this._super();
    var $target = $('.chat-area .chat-list')
    ,   height = 0;
    if ($target) {
        $target.each(function(i, items_list) {
            $(items_list).find('li').each(function() {
                console.log($(this).height());
                height = height + parseInt($(this).height());
            });
        });
        $target.animate({ scrollTop: height});
    }
}

但是一旦进入控制器，如果加载了新的其他消息，因为视图已经加载，滚动条不会向下滚动到页面。 对于另一条消息，新消息将更新为计算属性，我想在更新 DOM 消息后调用并调用向下滚动代码。

  App.MessagesController = Ember.ArrayController.extend({
    newmsgsCaptured: function(uuid) {
       this.setProperties({
                'newSelectedMessages': response,
            });
            var $target = $('.chat-area .chat-list')
            ,   height = 0;
            if ($target) {
                $target.each(function(i, items_list) {
                    $(items_list).find('li').each(function() {
                         console.log($(this).height());
                        height = height + parseInt($(this).height());
                    });
                });
                console.log(height);
                $target.animate({ scrollBottom: height});
            }
     } 
});
after calling newmsgsCaptured 'acction', the property is updated with new data and the scrolled down is not working.