Как скорректировать якорь с фиксированной шапке при переходе с другой страницы?

Question

[DestroyerEvo]

Есть блоки на главной, на которые могут переходить с других страниц.
И есть скрипт, который корректирует переход по якорю, с учетом фиксированной (плавающей) шапки, но он работает только на главной:

$(document).ready(function() {
		$('nav ul li a[href^="#"]').click(function() {
			elementClick = $(this).attr("href")
			destination = $(elementClick).offset().top;
			$('html,body').stop().animate({
				scrollTop: destination - 100
			}, 200);
			return false;			

		});
});

Как скорректировать этот скрипт, чтобы он работал при переходе с другой страницы? Сейчас переход с других страниц есть, но без коррекции

Comments

[imko]

Я конечно дико извиняюсь а зачем ссылки скриптом имплементировать?

[Lynn «Кофеман»]

https://developer.mozilla.org/en-US/docs/Web/CSS/s...

https://developer.mozilla.org/en-US/docs/Web/CSS/s...

Может скрипт и не нужен?

[DestroyerEvo]

Lynn «Кофеман», спасибо, и правда работает!

Answer 1

[Dymok]

В примере код написан на событие клика по ссылке.
Нужно сделать так, чтобы он срабатывал при загрузке страницы
Соответственно примерно так:

$(document).ready(function() {
      var urlParams = new URLSearchParams(window.location.hash.replace("#","?"));
      var hash = urlParams.get('hash');
      var destination = $(hash).offset().top;
      $('html,body').stop().animate({
        scrollTop: destination - 100
      }, 200);
});

Comments

[DestroyerEvo]

Выдает ошибку:
Uncaught TypeError: Cannot read properties of undefined (reading 'top')

[DestroyerEvo]

hash выводится как null, судя по console.log