Amimando el scroll de una página mediante JQuery

A estas alturas ya todos conocemos JQuery y las posibilidades que tiene pero si aún no conoces todas sus posibilidades o simplemente quieres utilizar algunas de sus propiedades esporádicamente para dar un toque diferente a tu web hoy os voy a presentar como puedes animar el scroll de una página mediante JQuery para que en páginas que son muy largas puedan acceder mediante enlaces a esa parte y de una forma rápida y con estilo!


Vamos a ver un ejemplo de como implementarlo:
Para usar este plugin, primero debemos bajarnos y usar la última versión de JQuery y el plugin JQuery.Scroll

<script type="text/javascript" src="js/jquery-latest.js"></script>
<script type="text/javascript" src="js/jquery.scrollTo.js"></script>

Para realizar el scroll a un elemento de la página, debemos crear un link o anchor apuntando al id 

del elemento al que queremos llegar (destino) 

<a href="javascript:$.scrollTo('#destino',800);">Donde quiero llegar</a> 

Donde el destino será algo de la forma:

<div id="destino">..... Aquí es donde quiero llegar.....</div> 

Y eso es todo!! Facil verdad? Vereis cómo jugando con los distintos parámetros podéis darle un estilo muy 

chulo a vuestra web!!

By worldjam with No comments