como bajar scroll automaticamente
Publicado por
mauricio (1 intervención) el 14/11/2014 11:04:37
Hola un saludo!
estoy recien comenzando con esto, he leido varios post tratando de hacer que funcione en mi pagina pero no lo he logrado. mi problema a solucionar es el siguiente:
tengo un archivo php en el cual tengo un div donde automaticamente imprimo un texto, cuando el texto se hace largo aparece el scroll pero se queda arriba y lo que necesito es que siga al texto, apra que asi siempre este ubiado en la parte inferior y el usuaio pueda leer lo ultimo que se vaya imprimiendo. En este momento me toca bajarlo manualmente y como lo que imprimo es largo me toca estar bajandolo.
adjunto partes de mi codigo muchas gracias si alguien puede ayudarme.
estos son mis div, en "data" es dondee yo imprimo los mensajes, es estilo consola comandos
<div class = "panel2">
<h1> Server Output</h1>
<div class="terminal-right" style = "">
<div class="cmd" id="textDestination">
<span>\Processing\Demo></span>
<span class="blink_text">_<br /></span>
<div id="data" style = "text-align:left;"></div>
en mi javascript he intentado con varias cosas como:
document.getElementById('data').scrollTop =document.getElementById('data').scrollHeight;
pero esta asignacion la verifico y scrollTop siempre se queda con valor 0, no hace la asignacion del valor.
probe la que en este post hablan pero no me da tampoco, podrian guiarme donde pongo esto, yo lo tengo en una funcoin en el onload y ahi he puesto todo. No tengo los div en un form, ni en etiquetas html, no se si sea por eso, solo uso en mi archivo codigo php, javascript y estos div.