Question

I’ll try to simplify my problem to make it easier to understand.

I want to be able to add lines of text (using javascript) to the document at the bottom of the page.
When a new line is pushed, it’s added at the bottom, pushing all the previous lines up.

The document should be padded and when the content overflows the older lines (top ones) should be hidden or using scroll in which case it should be scrolled to the bottom.

I’ve been trying to accomplish this for a while now but I can’t any elegant solutions.
Any ideas? css3 is more than welcomed.

Thanks.

Answer 1

There is an HTML element do this by default it is UL just include it inside an fixed height div with overflow and some focus on the last LI!