SmoothScroll mediante MooTools

Estoy seguro que al igual que yo muchos habéis visto en muchos sitios un efecto que ahora mismo está arrasando, la opción de al picar en determinado enlace de una web llevarnos hacia arriba o hacia abajo del sitio, pero no como cuando usamos anclas o anchors que el movimiento se produce de forma brusca si no haciendo el desplazamiento de forma suave. Este efecto se llama SmoothScroll y es tan usado por su vistosidad. Voy a explicar brevemente como conseguirlo mediante el uso de mootools gracias a un tutorial liberado por david walsh. Podéis ver una demo de lo que conseguiremos.

Lo primero será descargar MooTools 1.2. Una vez lo tengamos lo llamamos entre head y /head escribiendo también el siguiente código entre las mismas dos etiquetas:

[js]
[/js]

Solamente nos queda fijar las “anclas” como queramos. Supongamos que queremos un botón que nos baje hasta el final de la página, haríamos algo como esto:

[html]Abajo
[/html]

Enlace: SmoothScroll Using MooTools 1.2

Ir arriba