javascript - 如何使用 jQuery 将 div 的滚动条保留在 div 的底部？

Question

我有一个名为#output 的div，其样式为overflow: scroll;。使用 jQuery.ajax，它每 x 秒更新一次。我喜欢这样当滚动条出现时(在 div 填满之后)，它应该持续停留在 div 的底部而不是顶部，就像大多数聊天客户端那样。

我确定有办法做到这一点，但我似乎找不到它。

这是 Sass

#output
  :margin 0 0 10px 0
  :padding 10px
  :height 500px
  :overflow scroll
  :background #111111
  :border 1px solid #000000
  :color #8e8e8e

Haml 很简单

#output
  = @output

Answer 1

$("#output").attr({ scrollTop: $("#output").attr("scrollHeight") });


$("#output").animate({ scrollTop: $("#output").attr("scrollHeight") }, 3000);  
// animated

见

Using jQuery to Scroll to the bottom of an Element