df Javascript Smooth Scroll es una pequeña librería que te permitirá agregar un efecto de transición al acceder a los anchor en una página web. Es compatible con la mayoría de navegadores y solo pesa 1024 bytes.
Típicamente al acceder a un anchor, el browser se mueve directamente a la posición del anchor, pero si deseamos aplicarlo un movimiento suave para acceder al anchor esta es la librería que necesitamos.
Como utilizar Smooth Scroll
El uso es muy sencillo, luego de descargar los archivos fuentes desde df_smooth_scroll.zip, luego al momento de crear nuestro html debemos incluir el archivo smooth.pack.js de la siguiente forma:
-
<script type="text/javascript" src="smooth.pack.js"></script>
Lo siguiente es agregar los anchor de la forma normal es decir no hace falta agregar ningún código adicional para el funcionamiento.
-
<a href="#footer" name="top">Go To Footer</a>
-
<p> text body </p>
-
<a href="#top" name="footer">Go To Header</a>
Uniendo estas lineas, obtendremos un resultado muy agradable pues los movimientos son muy suaves lo que facilita el proceso de moverse en la página. Finalmente pueden ver el ejemplo funcionando en df_smooth_scroll.html.
