Добрый вечер, форумчане.
Есть код с якорями. И есть код на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;
});
});