ScrollingToElement

Um snippet simples e leve para rolar até um elemento. Você deve apenas adicionar a classe para ancorar, usar o ID como href e incluir este trecho com jQuery.

Código

$('.scrollto').on('click', function(event) {
    event.preventDefault();

    var $target = $(this).attr('href');
    $('html,body').animate({
      scrollTop: $($target).position().top
    }, 600, function() {
      window.location.hash = $target;
    });
  });
},

Exemplo

<a href="#element" class="scrollto">Element 1</a>
<div id="element">
  <p>If you click on the anchor, then you scroll to this element here.</p>
</div>