Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Позиционирование страницы после перехода по якорям (https://javascript.ru/forum/jquery/67263-pozicionirovanie-stranicy-posle-perekhoda-po-yakoryam.html)

Corazon 06.02.2017 20:01

Позиционирование страницы после перехода по якорям
 
Добрый вечер, форумчане.
Есть код с якорями. И есть код наjQuery, который обеспечивает плавный переход по ним. Но вот вопрос в том, что семантика якоря такова, что элемент страницы получается в самом верху. Так как у меня верхнее меню position: fixed, то получается, что элемент у меня под меню останавливается. Можно ли как-то дописать код так, чтобы элемент позиционировался ниже меню. В идеале ближе к центру страницы.
<ul class="meny">
		<li><a href="#home">В начало /</a></li>
		<li><a href="#about">О выставке /</a></li>
		<li><a href="#gallery">Галерея /</a></li>
		<li><a href="#myvideo">Видео /</a></li>
		<li><a href="#contacts">Контакты /</a></li>
	</ul>
<div id="home"></div>
<div id="about"></div>
<div id="gallery"></div>
<div id="myvideo"></div>
<div id="contacts"></div>

$(function(){
	$('a[href^="#"]').click(function(){
		var target = $(this).attr('href');
		$('html,body').animate({scrollTop:$(target).offset().top},1500);
	return false; 
	}); 
});

рони 06.02.2017 20:23

Цитата:

Сообщение от Corazon
target).offset().top+100},1500);

:-?

Corazon 06.02.2017 20:43

рони, и все?! Да я вроде пихала +100. Только не туда. Кажется универа и одной умной книги мало. А не подскажите какие еще почитать книги по javascript?

Corazon 06.02.2017 20:46

рони, только не плюс - минус
target).offset().top-100},1500);
Спасибо!

рони 06.02.2017 20:50

Цитата:

Сообщение от Corazon
почитать книги по javascript



Часовой пояс GMT +3, время: 06:49.