Enlaces sin recargar-HTML5

[danneg]

En tu div de contacto solo ponle un id="contacto", en tu menu pon un link que vaya a #contacto

Código HTML:

<a href="#contacto">Contacto</a>
 

Si quieres que esto se anime pues solo agregale un efecto bonito.

Yo hice esta función jquery hace algunos años, tal vez te sirva

Código Javascript:

function scrollto (newTop){
    $('html,body').animate({scrollTop: newTop},  1200);
}
 

Se usa de la siguiente manera

Código Javascript:

elem.click( scrollto(500) );
 

Donde el parámetro que se pasa es la cordenada en pixeles a donde quieres que se deslice, puedes adaptarlo así

Código Javascript:

$('#iracontacto').click(function(e){
    e.preventDefault();
    scrollto( $('#contacto').position().top );
});
 

El ejemplo lo puedes ver funcionando en el siguiente enlace:
http://tallercordofonos.com/