javascript - 默认滚动条位置

Question

我正在构建一个聊天应用程序，其中我需要滚动条在页面加载时位于聊天窗口(最后一条消息)的底部。

我如何完成这个(使用 jQuery 或其他方式)？

这是聊天窗口 div:

<div id="ccwindow">

      <div class="bubble me">Hey!</div>
      <div class="bubble you">Hello</div>
      <div class="bubble me">I saw your post. Want to buy the book. Are you an XYZ University?</div>
      <div class="bubble you">Yes, sophomore year.</div>
      <div class="bubble me">Great!</div>
      <div class="bubble you">I'll buy it. Can you get it to school tomorrow?</div>
      <div class="bubble me">Sure. See you tomorrow!</div>

 </div>

Answer 1

给你:http://jsfiddle.net/vtep7Lf1/

$("document").ready(function() {
  $("#ccwindow").animate({ scrollTop: $("#ccwindow").height() }, "slow");
  return false;
});