javascript - 如何设置滚动条的默认位置

Question

在我的网页中有一个聊天窗口。填写完聊天记录后，用户可以使用滚动条在消息之间导航。我希望我的聊天框始终显示位于底部的最后一条消息。我如何使用 CSS、JavaScript 执行此操作？

谢谢，汤姆

Answer 1

即使你不是你问题的标签，这里也是我用于我的聊天网络应用程序的 jQuery 解决方案:

//Where chat_message_tray is the scrollable div in your chat
function chat_scroll(chat_messages_tray){
   var scroll_amount = $(chat_messages_tray).attr("scrollHeight") -  $(chat_messages_tray).height();

   $(chat_messages_tray).animate({ scrollTop: scroll_amount}, 500);
}