专注于最后添加的元素

Question

我正在使用signalr创建聊天应用程序。每次发送消息时，它都会添加到“#discussion”。问题是我需要向下滚动才能看到最后插入的消息。你能帮我把窗口集中在插入的最后一个元素或信息上。

附加邮件的位置

<ul id="discussion"></ul>

要插入的消息

var myHtml = '<div id="msg_typed" class="entry-c">' +
                '<div class="entry-image">' +
                '<div class="panel panel-default" data-animate="fadeInLeft">' +
                '<div class="panel-body">' +
                message +
                '</div>' +
                '</div>' +
                '</div>' +
                '<ul class="entry-meta clearfix">' +
                '<li><i class="icon-comments"></i>' + today + '</li>' +
                '<li><a href="#"><i class="icon-user"></i>' + name + '</a></li>' +
                '</ul>' +
                '</div>' +
                '<br/>';
            $(myHtml).hide().appendTo("#discussion").fadeIn(1000); <==== This is how I insert the message
            var wtf = $('#discussion');
            var height = wtf[0].scrollHeight;
            wtf.scrollTop(height);

我已更新我的代码以匹配副本。我在这里缺少什么？