Как убрать конфликт между якорями и хедером на js?

Question

[Макс Darkleviathan]

Есть вот такой код:

function setHeaderBackground() {		
		var scrollTop = jQuery(window).scrollTop(); // our current vertical position from the top	
		
		if (scrollTop > 300 || jQuery(window).width() < 700) { 
			jQuery('#header .top').addClass('solid');
		} else {
			jQuery('#header .top').removeClass('solid');		
		}
	}

Он отвечает за эффект появления и изменения размера затемненного фона меню хедера.При начальной позиции хедер прозрачен, а при скроле он затемняется в цвет, уменьшается и прилипает к верхней части екрана fixed.Так вот, при данном коде не работают якоря на одностраничнике. Если код убрать, все работает нормально.
Возможно кто-то подскажет где ошибка, или как данный код модифицировать.

ссылка на сайт test-darkleviathan.xyz/test

Comments

[Froggyweb]

скорее всего #header .top перекрывает ссылки, т.е. находится над ними

[Макс Darkleviathan]

Froggyweb, да я думаю дело именно в этом.Пробовал убирать #header оставлять только .top, но проблемы это не решило.

[Froggyweb]

Макс Darkleviathan, ну так выложи код в песочницу, или ссылку на сайт дай. Эта функция к ссылкам вообще никаким боком

[Макс Darkleviathan]

Froggyweb, вот ссылка
test-darkleviathan.xyz/test

[ой всё]

я что-то не нашла ни одного тега типа
<a name="portfolio">
или у вас переход сделан на javascript?
хотя не работают даже ссылки в адресной строке
test-darkleviathan.xyz/test/#blog

[Макс Darkleviathan]

ой всё, Потому что там id="portfolio"
но с name тоже не срабатывает.

Answer 1

[Макс Darkleviathan]

Всем спасибо за помощь.Решил уже сам.
Все оказалось гораздо проще.В данном случае мне предоставили уже кем-то сделанный шаблон, и человек писавший код что-то перемудрил.
Проблема решилась тем, что я убрал напрочь этот кусок кода:

jQuery('#scrollToContent').click(function(e){
		e.preventDefault();
		jQuery.scrollTo("#portfolio", 1000, { offset:-(jQuery('#header .top').height()), axis:'y' });
	});

	jQuery('nav > ul > li > a').click(function(e){
		e.preventDefault();
		jQuery.scrollTo(jQuery(this).attr('href'), 400, { offset:-(jQuery('#header .top').height()), axis:'y' });
	})