如何使用jQuery將div的滾動條保留在div的底部？

Question

我有一個名爲#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 

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