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

我有一个叫做#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

而哈姆只是一个简单的

#output
  = @output

解决方法:

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


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

看到

Using jQuery to Scroll to the bottom of an Element