Você precisa de ter no menu alguma indicação do alvo para o scroll.
Pode ser o id
do elemento guardado numa propriedade data
, um href/ancora ou outro. Se usar uma ancora (<a>
) pode precisar de usar o .preventDefault()
para impedir o link de ser seguido (nalguns casos quer mesmo que o link fique no url, então não deve usar).
Depois tem de interceptar o click pode usar o jQuery .anymate() para fazer o scroll, indo buscar a posição desse elemento como alvo.
Exemplo de HTML
<div class="menu">
<div data-destino="parte1">Parte 1</div>
<div data-destino="parte2">Parte 2</div>
</div>
<div id="parte1"></div>
<div id="parte2"></div>
Exemplo de jQuery
$('.menu div').on('click', function () {
var destino = '#' + $(this).data('destino');
var posicaoDestino = $(destino).position().top;
$('html, body').stop().animate({
scrollTop: posicaoDestino
}, 2000);
});
Exemplo: http://jsfiddle.net/zc966/