Smooth scrolling degradable y válido
Ayer me rompi la pera y me dieron 4 puntos, asi que hoy tuve un dia tranquilo trabajando desde casa. Mientras esperaba la cena hice un script que andaba necesitando y no conseguia, para poder lograr el efecto de scroll suave para los links internos de un documento HTML.
Me base en un script algo viejo y lo adapte a los tiempos que corren, para usarlo, hay que seguir estos sencillos pasos:
Primero
Descargar el archivo (smoothscroll.js) y subirlo a su servidor, les aconsejo hacerlo en la carpeta /scripts (sean ordenados caramba!)
Segundo
Incluir el archivo en el documento donde lo necesitan, recuerden que va dentro del tag <head>.
<script src="scripts/smoothscroll.js" type="text/javascript"></script>Tercero y último
Creen sus links relativos a elementos del tipo div dentro del documento mismo, por ejemplo:
<a href="#autor">Autor</a>
<div id="#autor">
<p>Datos del autor</p>
</a>Update: Pueden ver un ejemplo andando bien simple, lo unico que se carga es el script, e lestilo, es cortesia de su navegador.
Es todo
Deseenme una feliz recuperacion de pera :P.
Comentarios
# - 2006-01-26
Interesante el script.. se lo investigará
¿Como te rompiste la pera?. Imagino lo que te dolió (yo me abri la pera a los 4 años y me dieron 5 puntos.. dolor..)
# - 2006-01-26
Viste que el martes llovio?
Viste que en las esquinas hay una rampa de discapacitados?
Viste que eso patina mucho?
Bueno, yo no :P
# - 2006-01-26
interesante … podes poner un ejemplo “clickeable”?
# - 2006-01-26
Es que quiero evitar la fatiga… :P
Jajaja, ahi hago algo y lo subo
# - 2006-01-27
Perdon, pero hago lo imposible para evitar el “Desplazamiento Suave”. Puaj. No deja de ser un efecto interesante.
PD y moraleja: Si no sos discapacitado motriz, no uses sus rampas!!!.
# - 2006-01-27
Jajaja, depende donde se use, en un documento con contenido (como el caso del ejemplo) es molesto, pero en una aplicacion, suponete en el listado de contactos de sms-sender, puede ser util.
Para algo asi es que lo necesitaba ;).
Y si, ya aprendi la valiosa leccion…
# - 2006-01-27
thanks, agora sim … el vago era yo :P
me gustó, te lo voy a tener que afanar :)
# - 2006-01-27
Jajaja, es todo tuyo, para eso lo subi :).