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

Question

我有一个名为#output 的div，样式为溢出：滚动；. 使用 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

Answer 1

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


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

看

使用 jQuery 滚动到元素的底部