Subir y bajar desplazandose despacio otra forma

La primera forma lo pueden ver en esta entrada.

Acá les voy a mostrar otra forma.

Código:(poner antes de </body>)

<script language="JavaScript">
function abajo() {
window.scrollBy(0,20); // velocidad abajo
scrolldelay = setTimeout('abajo()',100); // tiempo
}

function subir() {
window.scrollBy(0,-20); // velocidad subir
scrolldelay = setTimeout('subir()',100); // tiempo
}

function stopScroll() {
clearTimeout(scrolldelay);
}

</script>

<a style="display:scroll;position:fixed;bottom:10px;right:10px;" onmouseover="abajo()" onmouseout="stopScroll()" href="" title="Ir Abajo"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnoq-eDvtCU-C15nFSQOsTTrQDGFmKg294dteZGfUOOMBsQrto-uRYCbaf5AG3bRXRZVID5nEUhlwU_NVlGYHygjT5RRXdhw7kuXi4fBWCb-tWvQOHolK3CYLTh5XchT4hVxig3MGVGOiT/s200/fabajo.png"/></a>

<a style="display:scroll;position:fixed;bottom:40px;right:10px;" onmouseover="subir()" onmouseout="stopScroll()" href="" title="Ir Arriba"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZiEVBApYaYQcYdJ_WpfIeot19tuUe0DiqGu_y-XuS_YNVz7lccYnoo2-SVW2-M4K2wIKsw8UbFppjlEElElnZTe48v-wKySWeodUgA8fuZwgt5FbyEgpBZZ27nH-4UM__Z9T58be98cOw/s200/farriba.png"/></a>

Cambiar la Url y la distancia de las imágenes de ir arriba e ir abajo.

Pueden ver el ejemplo en esta página.