Anclaje con transisión

[AeroSilver]

Me gustaría saber cómo sería posible realizar un anclaje de tipo:

Código HTML:

<a href="index.html#ancla"></a> 

A su ancla:

Código HTML:

<a name="ancla"></a> 

Pero que a su vez tenga una transisión al dirigirse a la determinada ancla.

Este efecto me pareció interesante y supuse que podría realizarse con CSS.

Lo vi en la web de www.Apple.com, específicamente aquí: http://www.apple.com/ios/features.html

[sergio87]

Hola Aero,

Para hacerlo tienes q tener ya implementada la librería JQuery y antes del </head> pones esto:

Código:

<script type='text/javascript'>
$(document).ready(function() {
anchor.init()
});

anchor = {
init : function() {
$("a.anchorLink").click(function () {
elementClick = $(this).attr("href")
destination = $(elementClick).offset().top;
$("html:not(:animated),body:not(:animated)").animate({ scrollTop: destination}, 1100 );
return false;
})
}
}
</script>

Para usarlo, haces lo siguiente y cambialo en tu código.

<a href=”#anchorTarget” class=”anchorLink”>TEXTO SOBRE EL QUE PULSANDO NOS LLEVARA A OTRA PARTE DEL TEXTO</a>

<a name=”anchorTarget” id=”anchorTarget” >TEXTO AL QUE LLEGAREMOS</a>


Fuente: http://goo.gl/Lk6WN

ESPERO QUE TE FUNCIONE Y PUEDAS LOGRAR EL EFECTO DESEADO!!!
SALUDOS!

[AeroSilver]

Me funciono perfecto, inclusive le pude calibrar la velocidad.

Gracias

[sergio87]

Iniciado por AeroSilver

Me funciono perfecto, inclusive le pude calibrar la velocidad.

Gracias

Perfecto, me alegro mucho!!
Saludos!!!