Smooth Anchors – Desplazamiento suave dentro de una página con jQuery plugin

Smooth Anchors es un plugin jQuery que nos permite crear un efecto de desplazamento suave a sectores dentro de una página de una forma muy simple y fácil.

En muchas páginas es común tener enlaces que nos llevan a distintas partes dentro de ésta, como por ejemplo hacer clic en el enlace de un índice para llevarlos a la posición de la página en donde comienza la sección o estar en la parte inferior y encontrar un enlace que nos desplaza (lleva) hacia arriba. Con Smooth Anchors podemos hacer esto mismo pero con un desplazamiento suave del texto.

Implementación

Enlazamos los archivos JS de jQuery en la sección HEAD del HTML de la página:

<script language="javascript" src="js/jquery-1.3.2.js"></script>
<script language="javascript" src="js/jquery.smoothanchors.js"></script>

Inicializamos el Smooth Anchors:

<script>
$(document).ready(function(){
	$.smoothAnchors("normal");
});
</script>

Por último creamos los enlaces:

<a href="#sect1">Go to Section 1</a>
<a name="sect1">Section 1</a>

Smooth Anchors en su versión 2 ofrece algunos otros parámetros que permiten por ejemplo, configurar la velocidad de desplazamiento del texto.

Smooth Anchors

Web: www.ooeygui.net/articles/399

+Info:

Básicamente podemos crear este tipo de enlaces con un código HTML similar al siguiente ejemplo:

<a href="titulo1">T&iacute;tulo 1</a> //al hacer clic en este enlace,
se desplazará a la sección de la página en donde encuentre titulo1

<a name="#titulo1">T&iacute;tulo 1</a>

Para un explicación más completa sobre Anchors o de cómo crear enlaces (en inglés) visita:

• HTML Links – W3cShools