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/AVvXsEi9fPPyGx16-_Fdp-0NjM14oxck7DIfQnhzPpNp59cWgdUM5SpURpNtvJxSwUGGVSstD811r0EcqxbXyq-GlBSaSEMHQNvjL6QhN0xMbBDfXa0bSc3e3bWKGGEZK0upOBiZXjzbYOHF1fWp/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/AVvXsEgFsnu4g6r-ZR0juJ5ISXnsBXoo3BwQx3g_95a4aB4AA3LL5QPS5tYlrASaj2vy04KwZKNxYMW_wYg5BRAG1o-fOsz-td5pD7VbnQwRdOoiXqbHs6KUFPAjuCFV80ZV-AKlWddOXtWPxueh/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.