Веб-дизайнеры используют плавный переход или скроллинг к якорю, в большинстве, для одностраничных сайтов, где нужно, что-бы пользователь не потерял визуальный контакт с содержимым сайта при переходе на другой участок сайта.

Для реализации данного эффекта, нам нужно всего лишь прописать нижеприведенный  код в любую часть HTML документа (лучше на начале) и скопировать библиотеки jQuery для скроллинга в папку, где находится HTML файл страницы. Скачать https://github.com/flesler/jquery.localScroll и требуемый к нему https://github.com/flesler/jquery.scrollTo (само собой не забываем про сам jQuery)

Вот код, который надо вставить в ваш HTML документ.

<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="jquery.localscroll.js"></script>
<script type="text/javascript" src="jquery.scrollto.js"></script>
<script type="text/javascript">
$(function($) {
 $.localScroll({
  duration: 1000,
  hash: false });
 });
</script>

Где duration: 1000, это время перехода.

Обратите внимание, что эффект плавного перехода действует на все якоря в странице.

По материалам http://www.web-inspiration.ru/2012/07/programs/plavnyiy-perehod-skrolling-k-yakoryu/