Question

在我的网页上有一个聊天窗口。填写聊天记录后，用户使用滚动条在消息之间导航。我希望我的聊天框始终显示位于底部的最后一条消息。我怎么能用CSS，JavaScript做到这一点？

谢谢， Tomer的

Answer 1

DOM元素（好的，无论如何）支持一个名为scrollIntoView()的方法。如果您对与上一个聊天条目（<div>或其他）对应的DOM元素有引用，则可以使用scrollIntoView()告诉浏览器应该滚动其周围的内容以使{ {1}}可见。

现在，有了一些复杂的（或者说不那么复杂，也许只是不幸的）页面布局，我不得不与Internet Explorer争论想要滚动错误的东西，或者只是对页面做一些奇怪的事情。像<div>这样的东西的本质是让你让浏览器确切地决定它如何进行滚动。通常，在一个简单的滚动容器中有一个相当简单的内容（一个具有“overflow：auto”和一个固定的高度，基本上），但它确实有效。

Answer 2

即使你不是你问题的标签，这里也是我用于聊天网络应用程序的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);
}

Answer 3

http://radio.javaranch.com/pascarello/2005/12/14/1134573598403.html

Google的第三个结果 - 'div scrollbar bottom'

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

3 个答案: