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

Question

在我的网页上有一个聊天窗口。填写聊天日志后，用户可以使用滚动条在消息之间导航。我希望我的聊天框总是显示位于底部的最后一条消息。我如何使用CSS，JavaScript来做这件事？

谢谢，Tomer

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);
}

Answer 2

DOM元素(不管怎样，都是好的)支持一个名为scrollIntoView()的方法。如果您有一个对应于最后一个聊天条目( <div>或任何内容)的DOM元素的引用，那么可以使用scrollIntoView()告诉浏览器应该滚动它周围的内容，以便使<div>可见。

现在，对于一些复杂的(或不是很复杂的，也许只是倒霉的)页面布局，我不得不与想要滚动错误内容的Internet Explorer作斗争，或者只是对页面做一些奇怪的事情。像scrollIntoView()这样的东西的本质就是让浏览器精确地决定如何进行滚动。一般来说，在一个简单的滚动容器中有相当简单的内容(基本上是一个带有"overflow: auto“和固定高度的容器)，它确实可以工作。

Answer 3

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

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