Как я могу сохранить прокрутку div в нижней части div с помощью jQuery?

Question

У меня есть div, называемый #output, в стиле overflow: scroll;. Используя jQuery.ajax, он обновляется каждые x секунд. Я бы , как, чтобы он появился, когда появится полоса прокрутки (после заполнения divs), она должна оставаться на дне div вместо вершины, как это делают большинство клиентов чата.

Я уверен, что есть способ сделать это, я просто не могу найти его.

Вот 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