如何使用Bootstrap聊天小部件滚动到底部

<div id="chat-container" class="container">
  <div id="chat-messages" class="row"></div>
</div>

#chat-container {
  height: 400px;
  overflow-y: scroll;
}

function addChatMessage(message) {
  var chatMessages = document.getElementById("chat-messages");
  var newMessage = document.createElement("div");
  newMessage.innerHTML = message;
  chatMessages.appendChild(newMessage);
}

var newMessage = "这是一条新的聊天消息。";
addChatMessage(newMessage);

var chatContainer = document.getElementById("chat-container");
chatContainer.scrollTop = chatContainer.scrollHeight;