Efecto de movimiento scroll al clicar en menú

Hola,

La siguiente web es la típica de scroll, con un menú superior que posiciona la pagina a distintas alturas de dicho scroll:
http://www.tresmetros.chemartin.es/

Mi objetivo es incorporar un efecto de movimiento como el que ocurre al clicar sobre la flechita de la parte inferior de esta página:
https://www.museodelprado.es/

...en definitiva que al hacer clic sobre los enlaces tipo

Código :

<a href="#quees">¿Qué es?</a>

la página se desplace como si estuvieras moviendo el scroll con la ruleta del ratón, en lugar de saltar de repente a la posición final.


Saludos!

mira este enlace:

http://pixelar.me/smooth-scrolling-con-2-lineas-de-jquery/


Un saludo,
David
estudio de diseño grafico

Gracias!

No se por qué ese código no me funciona, sin embargo este otro sí:

$(function() {
$('a[href*="#"]:not([href="#"])').click(function() {
if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
var target = $(this.hash);
target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
if (target.length) {
$('html, body').animate({
scrollTop: target.offset().top
}, 1000);
return false;
}
}
});
});

Fuente: https://css-tricks.com/snippets/jquery/smooth-scrolling/