How can i auto scroll down a css iframe ? (overflow:auto;)

Hi everyone..!! i have a chat and i want all the new messages to be seen but ecause i have a css iframe i would like to auto scroll down. so i can see the new message instead of click the scroller and scroll down.. it takes time . and i dont really like that idea.. Does some one knows how to do that ?

tachiracompras.com/chat/ see the actual chat.

re: How can i auto scroll down a css iframe ? (overflow:auto;)

html/css cannot do this

re: How can i auto scroll down a css iframe ? (overflow:auto;)

You can do it pretty easily with javascript, nothing fancy:

<script type="text/javascript">
document.getElementById("chatWindowId").scrollTop= 500;
</script>

Just replace chatWindowId with the actual id of you chat window. The element has to be scrollable (overflow-y: auto;). 500 is what I found useful for me, if you want to scroll more, chose one value that suits you. Check also the online documentation for scrollTop, to learn more.