jQuery
jQuery

Crear anclas animadas con jQuery puede ser muy útil para que los usuarios se puedan desplazar sin necesidad de estar utilizando el scroll, sobretodo cuando tengan demasiado contenido, offset, scrollTop y animate de jQuery son realmente útiles para poder realizar esta funcionalidad de forma sencilla.

Con offset obtenemos la posición real del elemento y a scrollTop le podemos pasar un selector de nuestro documento y obtener la parte superior del mismo, o bien le podemos pasar una cantidad de píxeles que lo que hará será restar esa cantidad a la parte superior del documento y posicionarnos en ese punto, siempre animando los desplazamientos con animate, pasando como queremos realizar la animación, 1000 un segundo, 2000 dos segundos etcétera, con esta breva explicación pasamos a ver el código para entenderlo de mejor forma.
Como siempre dejamos una pequeña demo para que se pueda ver el funcionamiento de las anclas.

Ver la demo

Anclas animadas con jQuery

De esta forma tan sencilla podemos incorporar anclas animadas con jQuery en cualquier aplicación que lo necesite.