Javascript 我怎样才能保持div'；使用jQuery在div底部的滚动条？

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

我肯定有办法做到这一点，我就是找不到

这是一句俏皮话

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

Haml只是一个简单的例子

#output
  = @output

看

---

我看到了这个链接，但它似乎不起作用。我编辑了这个问题，如果有什么不同的话，就把Haml&Sass包括在内。

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


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