Добрый день! 
Помогите в решении задачи
разметка:
<div class="top">
	<ul class="menu">
		<li><a href="/link1"></a></li>
		<li><a href="/link2"></a>
			<ul class="sub-menu">
				<li><a href="#blok1"></a></li>
				<li><a href="#blok2"></a></li>
				<li><a href="#blok3"></a></li>
			</ul>
		</li>
		<li><a href="/link3"></a></li>	
	</ul>
</div>
	<div id="blok1"></div>
	<div id="blok2"></div>
	<div id="blok3"></div>
код js:
function handler(event) {
    var hash = event.target.hash;
    var headerHeight = $('.top').height();
    if (hash) {
     
      var tag = $(hash);
      if ($(hash).length) {
        var offset = tag.offset().top - headerHeight;
        $('html, body').stop().animate({scrollTop: offset}, 2000);
      }
    }
  }
  $('.top-menu a').on( "click", handler );
Когда нахожусь на главной странице, навигация работает хорошо, но как только перехожу на какую то внутреннюю, к примеру "/link3" и пытаюсь с нее вернуться на главную к какому то блоку, то переход осуществляется, а скролла нет.