Javascript para subir arriba de forma progresiva

Este efecto se usa cuando has perdido la botonera o la página tiene mucho texto y queremos volver arriba de forma rápida y profesional. Al darle al enlace la página sube automáticamente arriba progresivamente.

Este código lo tenemos que poner en el head:

<script type="text/javascript">
     function subir(){
          if( document.documentElement.scrollTop < 10 ){
               window.scrollTo(0,0);
          }else{
               window.scrollBy(0,-10);
               setTimeout("subir()",10);
          }
     }
</script>

…el enlace que llamará a la función será:

<a href="javascript:subir()" >Subir</a>

7 Comentarios
  1. Manolex says: 5 enero 200921:13

    Hola amigo, excelente artículo y además de mucha utilidad, si no fuera mucho problema, quisiera saber como agregar un efecto de “easing” a esta utilidad, ya que de esta forma quedaría perfecto.
    desde ya muchas gracias!!!

  2. admin says: 7 enero 20090:12
  3. [...] En Clip de Película ponen un sencillísimo script sin necesidad de ninguna librería externa que nos permitirá hacer más suave el efecto de scroll al inicio. Os dejo el código tras el salto.<script type=”text/javascript”> function subir(){ if( document.documentElement.scrollTop < 10 ){ window.scrollTo(0,0); }else{ window.scrollBy(0,-10); setTimeout(”subir()”,10); } } </script> [...]

  4. Anillo says: 27 noviembre 200919:21

    Hola amigos, soy primeriza en esto de los scripts. Necesitaría que me dijeran algún script que me permita subir desde el final de la página hacia arriba.
    El problema es que la página que gestiono es a través de un gestor de contenidos (Plesk Parallels) y no sé si el código del script debe llevar algo más ya que he probado algunos ejemplos y no funcionan.

    Gracias de antemano

    Saludos

  5. david says: 22 septiembre 201016:38

    Muy buen post!!!

    es posible hacerlo que funcione pero hacia abajo??

    gracias de antemano!!

  6. pepepop says: 12 noviembre 201010:09

    Buen codigo pero solo una cosilla a ver si alguien sabe porque ocurre…en safari es el unico navegador que sube pero de de manera progresiva
    ¿alguien sabe como mejorarlo para que funcione tambien en safari sin necesidad de usar librerias externas?

    Un Saludo.

  7. pepepop says: 12 noviembre 201010:12

    me he equivocado escribiendo y queria poner que no funciona de forma progresiva

    gracias

Comentarios