Saving Scroll Down

Question

I have a shoutbox and I want the scroll to go down just like the IM windows.

My html

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

My css

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

If this is not possible via html and css. Can we achieve this in raw javascript? because I do not use the framework

Answer 1

Whenever an item is added, follow these steps:

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

edited

Answer 2

I'm not sure you can only do this with CSS, but here is a great jQuery solution: Ajaxdaddy shoutbox .

Here is a free call window to make your client happy:

Free shoutbox .

I just did this to make sure this is normal, an example is here .