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.
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..)
Viste que el martes llovio?
Viste que en las esquinas hay una rampa de discapacitados?
Viste que eso patina mucho?
Bueno, yo no :P
interesante … podes poner un ejemplo “clickeable”?
Es que quiero evitar la fatiga… :P
Jajaja, ahi hago algo y lo subo
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!!!.
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…
thanks, agora sim … el vago era yo :P
me gustó, te lo voy a tener que afanar :)
Jajaja, es todo tuyo, para eso lo subi :).