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

Question

我有一个名为#output的div，用 overflow：scroll; 设置样式。使用jQuery.ajax，它每隔x秒更新一次。我想喜欢以便当滚动条出现时（在div填满之后），它应该像大多数聊天客户一样继续保持在div的底部而不是顶部。< / p>

我确信有办法做到这一点，我似乎无法找到它。

这是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