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

Answer 2

你也可以使用它：

$(window).load(function() {
    $("#ccwindow").animate({ scrollTop: $(document).height() - $(window).height() }, 1000);
});

注意：

使用.load而不是.ready会考虑图片。

默认滚动条位置

2 个答案: