Универсальная плавная прокрутка страницы до якоря?

$(window).on('load', function(){
	var top = $(window.location.hash).offset().top;
	$('html,body').stop().animate({
		scrollTop: top
	}, 1000);
});

$(document).ready(function() {

            //навигация - плавный скроллинг к якорю
            $("#nav_scroll").on("click","a", function (event) {
                //отменяем стандартную обработку нажатия по ссылке
                event.preventDefault();

                //забираем идентификатор бока с атрибута href
                var id  = $(this).attr('href'),

                //узнаем высоту от начала страницы до блока на который ссылается якорь
                    top = $(id).offset().top;

                //анимируем переход на расстояние - top за 1500 мс
                $('body,html').animate({scrollTop: top}, 1500);
            });

});

Проблема в том, что вам для начала надо ЧПУ на сайте реализовать. А там глядишь и скрипт заработает :)

Из-за того, что страница после загрузки сама мгновенно прокручивается к якорю, я делал такой хак: якорь задаётся скрытым тегом (с display: none) перед нужным блоком, тогда при переходе по этой ссылке положение страницы не меняется, а при загрузке к ней не прокручивается. А для плавной прокрутки после загрузки - чючють переделаный код от Bowen

$(window).on('load', function(){
  var top = $(window.location.hash+'+*').offset().top;
  $('html,body').stop().animate({
    scrollTop: top
  }, 1000);
});

Кстати, можно и сначала на ready вызвать, а потом и на load, если есть вероятность, что из-за подгрузившихся картинок или скриптов блок может сдвинуться