Jul
31
Javascript para subir arriba de forma progresiva
Publicado el
31 de Julio, 2007
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>
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>
COMPARTIR:
|
|
|
|
|
Inicio
Colabora
Entradas (RSS)
Comentarios (RSS)
0 CONECTADOS
5 de Enero, 2009 - 21: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!!!
7 de Enero, 2009 - 0:12
Mira este enlace…
http://humanossinsentido.blogspot.com/2008/09/anclas-con-jquery.html
26 de Octubre, 2009 - 17:34
[…] 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> […]
27 de Noviembre, 2009 - 19: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