Enlaces sin recargar-HTML5

[supervoy15]

Hola a todos, estoy creando mi primera web en html5, y tengo una gran duda, y es la siguiente estoy buscando como loco como conseguir que al pulsar en un enlace del menu de mi web, por ejemplo el enlace contacto, pueda arrastrarse hasta la sección contacto sin recargar la web.

TODA LA WEB ESTA CREADO HACIA ABAJO, COMO UN "BLOG".

Son los ultimos modelos de Webs que he estado mirando y me gustan mucho pero nose como conseguir ese "efecto".

MUCHAS GRACIAS A TODOS (;

[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/

[supervoy15]

Danneg muchisimas gracias x ese aporte, he visto el ejemplo de la web que me enviaste, y ese es el efecto que quiero. Mañana lo probare y te comento. Un abrazo grande.
No lo hago ahora porque t hablo desde el.móvil xD

[danneg]

Me alegro que te haya servido, cualquier duda me dices

[supervoy15]

Hola Danneg


Respecto a la ayuda que pedí, la cual tu me distes; me puse aprobar sobre este post
http://www.forosdelweb.com/f91/enlaces-sin-recargar-html5-1008900/

Y pues no lo he podido conseguir no se si es porque lo he hecho mal o porque no se hacerlo x.x. El detalle es que no se mucho de jquery, solo se algo de java script, ¿crees que hayga un plugin para lo que quiero?,
DE TODAS FORMAS MUCHISIMAS GRACIAS

[danneg]

Hola

El plugin que tu pides está especificado mas arriba, es mu sencillo (mas que cualquier plugin que enuentres).

Por otro lado si pones fragmentos de codigo sera mas facil identifiar tu problema