我似乎无法在我的代码中使用jquery新消息滚动

Question

我已经查看了其他答案，但我看不出我做错了什么/如何将答案与我的问题联系起来 - 如果我有一个非常相似的答案，我事先道歉没用过！

所以基本上我有一个基本页面和一个按钮，您可以单击该按钮调出侧面的消息栏。这个栏工作正常（我试图在代码笔上简化它）但我无法让滚动消息部分在我输入新消息时自动向下滚动到底部，而是我必须向下滚动才能看到我的新消息。

我有这个部分：

function displayChatMessage(name, text) {
  $('<li/>').text(text).prepend($('<span/>').text(name+':')).appendTo($('#messagesDiv'));
  $('#messagesDiv')[0].scrollTop = $('#messagesDiv')[0].scrollHeight;

}

哪个来自firebase教程。在他们的消息中，虽然写入消息的部分继续向下移动。我试图摆弄这个和我的div配置，但我结束似乎最终通常我的所有文本框离开屏幕。

任何想法都非常感激。

下面是一个codepen链接，我希望它可以正常工作，因为我无法在jsfiddle中使用正确的部分。

Answer 1

确定。问题是你正试图设置错误元素的滚动高度。

试试这个 $('.messages').scrollTop($('.messages').prop('scrollHeight'));