function handler(event) {
    var hash = event.target.hash;
    var headerHeight = $('header').height();

    if (hash) {
      event.preventDefault();

      var tag = $(hash);

      if ($(hash).length) {
        var offset = tag.offset().top - headerHeight;
        $('html, body').stop().animate({scrollTop: offset},'slow');
      }
    }
  }

  $('.main-nav a').on( "click", handler );

var myHash = location.hash; //получаем значение хеша
location.hash = ''; //очищаем хеш
if(myHash[1] != undefined){ //проверяем, есть ли в хеше какое-то значение
    $('html, body').animate({scrollTop: $(myHash).offset().top}, 500); //скроллим за полсекунды
};