Da pra fazer tanto usando JavaScript Puro quanto jQuery pelo que eu vi em seu projeto você já esta utilizando jQuery então montei um exemplo pra você utilizando jQuery pois o código fica mais simples. HTML <div id="menu" class='source'> <ul> <!-- No href dos links é necessario colocar uma ancora com o mesmo valor da da div que contem o conteudo --> <li><a href="#contato" class='menu'>contato</a></li> <li><a href="#quemsomos" class='menu'>quemsomos</a></li> <li><a href="#redessociais" class='menu'>redessociais</a></li> </ul> </div> <div id="contato" class='source'><h2>contato</h2></div> <div id="quemsomos" class='source'><h2>quemsomos</h2></div> <div id="redessociais" class='source'><h2>redessociais<h2></div> CSS .source{ position:absolute; width:150px; height:150px; } #contato{ left:50px; top:300px; background:#f00; } #quemsomos{ left:1500px; top:500px; background:#0f0; } #redessociais{ left:600px; top:2000px; background:#00f; } JavaScript $(document).ready(function(){ /* Adicionando evento de click para os links do menu*/ $(".menu").on("click",function(e){ /*selecionando a div do conteúdo a ser posicionada*/ var elem = $($(this).attr("href")); var x = elem.position().left; // pegando coordenada X var y = elem.position().top; // pegando coordenada Y /* Setando animação para a div pai que contem todo o conteúdo no meu caso o body */ $("body").animate({scrollTop:y,scrollLeft:x}) e.preventDefault(); }) }) > [Link do exemplo no jsfiddle][1] [1]: http://jsfiddle.net/CAaV9/2/