javascript - 每当在底部的窗口中输入新项目时，滚动条应该转到底部 m

Question

我的项目中有一个类似于聊天控件的控件，并且每当在底部输入新消息时，滚动条都应设置为底部。现在，消息正在添加，但滚动条的位置保持不变。我已经尝试过 StackOverflow 上给出的所有解决方案，例如将 ScrollTop 设置为 9999999。不能将其设置为容器的宽度，因为它正在动态增加。请帮忙。

Answer 1

您应该使用 html 道具 scrollHeight 并为其设置容器 scrollTop ：

insertMessage = function(message) {
  $('#chat ul').append('<li>' + message + '</li>');
  var height = document.getElementById('chat-dialog').scrollHeight;
  $('#chat').scrollTop(height);
};