miércoles, 13 de febrero de 2013

Desplazamiento suave de scroll hacia un elemento con Jquery

Para crear un desplazamiento suave con scroll, la mejor opción es utilizar Jquery, por ejemplo muchas veces es necesario crear anclas de posición, para facilitar el desplazamiento hacia la información en la página web.

El siguiente ejemplo es sencillo, hay un botón que será el encargado de decirle a jquery que envíe el scroll hacia la posición del elemento con el id indicado, el botón se encuentra en la parte superior de la página, y el ancla en la parte inferior, al hacer click sobre el botón el scroll se desplazará suavemente hacia la posición del ancla.

El código de ejemplo es el siguiente ...

Javascript ... HTML ...