Manteniendo el desplazamiento hacia abajo

Question

Tengo un shoutbox y quiero mantener el scroll al fondo como las ventanas IM.

Mi html es

<div id="shoutContainer"> 
      <table id="shoutbox"> 
       <tbody> 
         <!-- shouts here --> 
       </tbody> 
      </table> 
    </div> 

Mi css

#shoutContainer { 
    height: 100px; overflow-y: scroll; 
} 

Si no es posible a través de HTML y CSS. ¿Podemos lograr esto en JavaScript sin procesar? porque no estoy usando ningún framework

Answer 1

Cada vez que se añade un elemento, haga lo siguiente:

document.getElementById('shoutContainer').scrollTop = 10000; 
// or some other big number 

editado

Answer 2

No estoy seguro de que pueda hacer esto solo con CSS, pero aquí hay una gran solución jQuery: Ajaxdaddy shoutbox.

Aquí es un servicio de caja grito de libertad para mantener a su cliente feliz:

Free shoutboxes.

Acabo de hacer uno para asegurarme de que está bien, example here.