

Allí estaba este código que no había visto nunca, botones "ir arriba y abajo" con efecto deslizante sin utilizar jquery. Me llamó la atención y lo coloqué en el blog (Lo podéis ver en la parte inferior derecha).
Para poner el truco en vuestro blog/web simplemente insertamos el siguiente código en la sidebar mediante "Widget/HTML"
<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="URL DEL BOTON IR ABAJO"/></a>
<a style="display:scroll;position:fixed;
bottom:40px;right:10px;" onmouseover="subir()" onmouseout="stopScroll()" href="" title="Ir Arriba"><img src="URL DEL BOTON IR ARRIBA"/></a>
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="URL DEL BOTON IR ABAJO"/></a>
<a style="display:scroll;position:fixed;
bottom:40px;right:10px;" onmouseover="subir()" onmouseout="stopScroll()" href="" title="Ir Arriba"><img src="URL DEL BOTON IR ARRIBA"/></a>
Inserta las urls de las imágenes y listo, espero que os vaya tan bien como a mi.
enlace