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