gotTo.js

/**
 Element:  Elemento Selecionado
 Speed : Velocidade do Efeito
 Increment: Valor que deseja incrementar na posição*/
function goTo(element, speed, increment){
    var href = element.attr('href');
    var top = $(href).offset().top;
    if(typeof increment !== 'undefined'){
       top += increment;
    }
    $("html,body").animate({scrollTop: top}, speed);
}

$(function(){
  //Associa o evento click no link
  $('#top a').click(function(e){
    e.preventDefault();
   //Pega o href do link, pra saber qual seção 
   var section = $(this).attr('href');
   //inicia a variavel com valor 0 
   var increment = 0;
    //se for a seção service, acrescenta mais 10px
    if(section == '#service'){
      increment = 10;
    }
    //Chama a função
    gotTo($("#service"), 500, increment);
  });
 
 
  
});