Arquivo Discussoes de Programacao e Tecnologia 
Alguém teria um exemplo de código em javascript para que uma div possua scrooll quando o conteúdo ultrapassa o seu tamanho verticalmente, e que sempre mantenha o scrooll totalmente para baixo quando a página for recarregada para exibir os últimos conteúdos inseridos na div? Estou utilizando a propriedade scrooll do css mas ele sempre volta ao início quando a página é recarregada.
Obrigado.
Use o overflow na div:
<div style="OVERFLOW:auto; WIDth: 75%; HEIGHT: 90px" class="scroll">
</div>
Use o overflow na div:
<div style="OVERFLOW:auto; WIDth: 75%; HEIGHT: 90px" class="scroll"> </div>
Estou usando overflow na div, a questão é que preciso que o scrooll exiba sempre o último conteúdo quando a página é recarregada, e não que o usuário tenha que rolar o scrooll toda vez, preciso disso para uma janela de chat.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html dir="ltr" xml:lang="pt-br" lang="pt-br" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
<title>Scroll</title>
<style type="text/css">
#scroll { border: 1px solid black; height: 200px; overflow: auto }
</style>
</head>
<body>
<div id="scroll">
<p>faeopfkoeafo kmopeafk opeakfop eakopfea </p>
<p>faeopfkoeafo kmopeafk opeakfop eakopfea </p>
<p>faeopfkoeafo kmopeafk opeakfop eakopfea </p>
<p>faeopfkoeafo kmopeafk opeakfop eakopfea </p>
<p>faeopfkoeafo kmopeafk opeakfop eakopfea </p>
<p>faeopfkoeafo kmopeafk opeakfop eakopfea </p>
<p>faeopfkoeafo kmopeafk opeakfop eakopfea </p>
<p>faeopfkoeafo kmopeafk opeakfop eakopfea </p>
<p>faeopfkoeafo kmopeafk opeakfop eakopfea 11111</p>
</div>
<script type="text/javascript">
var div = document.getElementById("scroll");
div.scrollTop = div.scrollHeight;
</script>
</body>
</html>