Te paso el código.
Código:
<script>
var anima
function abajo()
{
if (contenido.style.pixelTop<0)
{
contenido.style.top = contenido.style.pixelTop + 5
anima = setTimeout("abajo()",50)
}
}
function arriba()
{
if (contenido.style.pixelTop>-contenido.style.pixelHeight)
{
contenido.style.top = contenido.style.pixelTop - 5
anima = setTimeout("arriba()",50)
}
}
function para()
{
clearTimeout(anima)
}
</script>
<body scroll=no>
<div id="cursor" style="position:absolute; left:10px; top:10px; width:40px; height:100px">
<a href="#" onmouseover="arriba()" onmouseout="para()">arriba</a>
<br>
<a href="#" onmouseover="abajo()" onmouseout="para()">abajo</a>
</div>
<div id="contenido" style="position:absolute; left:50px; top:0px; width:700x; height:1000px ; z-index:1">
Aquí<br>
el<br>
contenido<br>
de<br>
la<br>
página.<br>
</div>
</body>
Sólo tienes que cambiar el valor de la altura (
height ) para que se ajuste a tus necesidades.
Suerte.