Efecto de movimiento dentro de la pagina

[vallescamacho]

Hola amigos
¿Que tal? pues aquí llego con otra duda, resulta que estoy buscando como lograr brincar de una sección de la pagina a otra, no se si me explique bien, pero he buscado de muchas maneras pero no encuentro información, la idea es que al dar clic en un link este no me dirija a otra pagina, ni que me aparezca un div nuevo, si no que el navegador se centre en ese elemento, bueno para ser mas claros les dejo esta pagina que hace exactamente lo que deseo, saludos y gracias de antemano.

[URL="http://roxannekoranda.com"]Lo que busco[/URL]

[alberto510a]

Hola, existen diversos métodos para lograr eso:

HTML -> Le pones una id a la etiqueta que está a la altura que quieres exactamente llegar, y creas un link en otra zona de la misma página que sea la misma dirección pero con #id_etiqueta añadido.

Javascript -> A un link le colocas esto:

Código HTML:

<a onclick="window.scrollTo(0,0);return false;">Scroll</a>
 

jQuery -> Puedes usar este código de jQuery para hacerlo despacio y no instantáneo:

Código Javascript:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js" type="text/javascript"></script>
 
<script type="text/javascript">
$(document).ready(function() {
    $('#arriba').click(function(){ //Id del elemento cliqueable
        $('html, body').animate({scrollTop:0}, 'slow');
        return false;
    });
});
</script>
 

El valor slow lo puedes disminuir por el tiempo que quieras en milisegundos y quitándole comillas.

Saludos!

[xposht]

Como dice Alberto , lo que está funcionado es con

HTML -> Le pones una id a la etiqueta que está a la altura que quieres exactamente llegar, y creas un link en otra zona de la misma página que sea la misma dirección pero con #id_etiqueta añadido.

Si te das cuenta si pones la flecha en un link dice #contact , en ves de un link , es un div. Saludos.

[alberto510a]

Como dice Alberto , lo que está funcionado es con

HTML -> Le pones una id a la etiqueta que está a la altura que quieres exactamente llegar, y creas un link en otra zona de la misma página que sea la misma dirección pero con #id_etiqueta añadido.

Si te das cuenta si pones la flecha en un link dice #contact , en ves de un link , es un div. Saludos.

Hola, siento decirte que el de esa página no está funcionando por el método de HTML, sino que tiene un script que le da la animación si fuera sólo una única ancla no tendría ningún efecto.

Saludos!