Como centralizar o conteudo da ancora JS

ola pessoal blz,

estou com um problema de um site de uma pagina só, é estou utilizando uma ancora para encontrar o conteúdo na pagina, mas sempre que eu clico no link ele desce ele acha o conteúdo mas não deixa ele certinho na tela centralizado, ele deixa o texto la encima ai a pessoa tem rolar o mouse para ver o resto do conteúdo. Queria que alguem me ajudasse a solucionar esse problema.

Eu estou usando mais o menos esse codigo aqui:

 <a href="#home" >Home</span></a>

  

 <a href="#sobre">Portfolio</span></a>

 3

 <a href="#contato">Contato</span></a>

  

  

 <div id="home">

  

 texto texto texto texto texto texto texto texto texto texto texto texto

  

 </div>

  

 **Eu estou usando esse JS para fazer uma rolagem suave:**

 <script type="text/javascript">

 jQuery(document).ready(function($) { 

     $(".scroll").click(function(event){        

         event.preventDefault();

         $('html,body').animate({scrollTop:$(this.hash).offset().top}, 1000);

    });

 });

 </script>