Ir arriba con efecto deslizante (javascript)
Explicaremos como hacerlo con efecto deslizante utilizando javascript, de esta forma lo pegaremos en nuestra plantilla antes de </head>
<script language='javascript' type='text/javascript'>
var arriba;
function subir() {
if (document.body.scrollTop != 0 || document.documentElement.scrollTop != 0) {
window.scrollBy(0, -15);
arriba = setTimeout('subir()', 10);
}
else clearTimeout(arriba);
}
</script>
Luego pegamos el enlace para ir arriba, podemos ponerlo donde queramos de esta forma.
<a href='#' onclick='subir();return false' title='Ir Arriba'>Ir Arriba</a>
Cada ves que le demos, ir arriba, subirá de forma deslizante, de esta forma el efecto es mas lento y queda mejor el blog y no tenemos que utilizar librerías que lo hacen, sin tener que alojarlas en otro servidor.
Hola, he intentado poner tu codigo en una pagina web que estoy haciendo y el Dreamweaver me dice que hay un error en la linea 39, que equivale a: "arriba = setTimeout('subir()', 10);"
ResponderEliminaralguna solucion?
me respondo a mi mismo, ya esta solucionado... el error era ', solo tuve que cambiarlo por un semicolon.
ResponderEliminarhey, explícame qué fue lo que cambiaste por favor. ¿Qué signo cambiaste y dónde lo hiciste?. Gracias
ResponderEliminarHola, karenciya23
ResponderEliminartienes que cambiar esto: ' por esto '
----------------------------------
arriba = setTimeout('subir()', 10);
Saludos.
excelente gracias
ResponderEliminarUna duda similar....
ResponderEliminarSi quiero introducir una nueva página web de abajo hacia arriba usando Javascript, como lo puedo hacer???? sugerencias???