[komned37]

Добрый день!
Помогите в решении задачи

разметка:

<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" и пытаюсь с нее вернуться на главную к какому то блоку, то переход осуществляется, а скролла нет.