Bueno, después de buscar bastante y de volver a leer un par de apuntes que tenía sobre DOM pude
(bah, creo, espero haber entendido bien lo que se necesitaba
)
Saludos, espero sirva
Código HTML:
<html>
<head>
<script language="JavaScript1.2">
function cambiar() {
var box, text;
box = document.getElementById("box");
text = box.childNodes[0];
box.scrollTop = 0;
text.data = "Como se hace para que cuando yo cambie el contenido de la capa se vea desde el principio siempre sin tener que mover la barra de desplazamiento hacia arriba en el caso en que se hubiera movido en una lectura de un contenido anterior de la capa.";
}
</script>
<style type="text/css">
.box {
background-color: #ebebeb;
height: 150px;
overflow: auto;
vertical-align: top;
width: 150px;
}
</style>
</head>
<body id="body">
<div class="box" id="box">
Tengo una capa en la que de forma dinamica pongo texto segun la opcion elegida. Como el texto es mayor que el alto de la capa pues le pongo auto para que salga la barra vertical en caso necesario. Imaginemos que damos a la opcion 1 y movemos la barra de desplazamiento vertical un poco hacia abajo. Luego le damos a la opcion 2 y nos cambia el contenido de la capa pero el problema es que la barra queda donde la habiamos dejado. Es decir no se ve el contenido desde el principio. Para verlo habria que subir la barra.
</div>
<a href="#" onClick="javascript:cambiar()">Cambiar Texto</a>
</body>
</html>