lunes, 22 de noviembre de 2010

Subir o bajar el Scroll de un div con JavaScript

Esta es una función para realizarlo con animación

<script type="text/javascript">

var t;
var doLoop = true;

function scrollDivToTop(divid)
{
var div = document.getElementById(divid);

if (div.scrollTop>0 && doLoop)
{
div.scrollTop-=3;
t = setTimeout("scrollDivToTop('" + divid + "')", 1);
}
else clearTimeout(t);
}

function scrollDivToBottom(divid)
{

var div = document.getElementById(divid);

if (div.scrollTop<999999999 && doLoop)
{
div.scrollTop+=3;
t = setTimeout("scrollDivToBottom('" + divid + "')", 1);
}
else clearTimeout(t);
}

function stop()
{
doLoop = false;
setTimeout('doLoop = true;', 5);
}

</script>

Lo importante es esta parte

div.scrollTop=0; //0 para que se suba al principio del div  y 999999999 para que baje al fondo del div

No hay comentarios:

Publicar un comentario

 
Locations of visitors to this page