Fiz este código é bem simples de usar:
$(function () {
var $doc = $('html, body');
$('.ancora').click(function () {
$doc.animate({
scrollTop: $($(this).attr('href')).position().top
}, 700);
return false;
});
});
Você adiciona a class "ancora" no "a" que você quer fazer o efeito da ancora:
Exemplo:
<a class="ancora" href="#topo">vai para o topo</a>
E no href você coloca para onde ele vai, por exemplo você coloca na primeira div do seu site o id topo.
<div id="topo">
Assim ele vai ate a div com o id topo.
Exemplo: https://jsfiddle.net/83abc8mq/1/
Se você quiser um scroll horizontal:
$(function () {
var $doc = $('html, body');
$('.ancora').click(function () {
$doc.animate({
scrollLeft: $($(this).attr('href')).position().left
}, 700);
return false;
});
});
Exemplo: https://jsfiddle.net/83abc8mq/2/