AjMrDeSiGn

Templates Blogger, exquisitez para usuarios curiosos.

Ir arriba con efecto deslizante (javascript)

2 mar. 2011

Me preguntan, ¿Como puedo poner el botón de ir arriba en mi blog?.
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.

6 comentarios:

  1. 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);"

    alguna solucion?

    ResponderEliminar
  2. me respondo a mi mismo, ya esta solucionado... el error era &#39, solo tuve que cambiarlo por un semicolon.

    ResponderEliminar
  3. hey, explícame qué fue lo que cambiaste por favor. ¿Qué signo cambiaste y dónde lo hiciste?. Gracias

    ResponderEliminar
  4. Hola, karenciya23

    tienes que cambiar esto: ' por esto '

    ----------------------------------

    arriba = setTimeout('subir()', 10);

    Saludos.

    ResponderEliminar
  5. Una duda similar....
    Si quiero introducir una nueva página web de abajo hacia arriba usando Javascript, como lo puedo hacer???? sugerencias???

    ResponderEliminar

Normas comentarios › Leer antes de comentar...

« »

Suscríbete a nuestro feed...