Есть некий блок, который при скроле страницы зависает сверху, ему динамически добавляется класс с фиксированным положением.
var element = $(".top");
$(document).scroll(function(){
if($(this).scrollTop() > element.position().top){
element.addClass('intop');
}else{
element.removeClass('intop');
}
});
После того как этот блок зафиксировался сверху, при кликах на якоря, контент "заезжает под него". При чем кликать на якоря можно как до так и после фиксации сверху блока. Можно ли как нибудь перехватить клик на анкор и переназначить позицию скрола, в зависимости от ситуации? И еще, как учесть то, что если анкор находится выше фиксируемого блока, а его контент ниже?
<div class="container">
<ul>
<li><a href="#id1">Якорь 1</a></li>
<li><a href="#id2">Якорь 2</a></li>
<li><a href="#id3">Якорь 3</a></li>
</ul>
<div class="top">
<h1>{$offer->name}</h1>
<ul>
<li><a href="{some-link}">Купить</a></li>
<li><a href="{some-link}">Гарантия</a></li>
<li><a href="{some-link}">Доставка</a></li>
</ul>
</div>
<div id="id1">
{some-content}
</div>
<div id="id2">
{some-content}
</div>
<div id="id3">
{some-content}
</div>
</div>