Здравствуйте. Не могу понять в чем проблема. Есть якоря на странице, привязанные к ссылкам:
<aside class="left-content">
<div class="nav">
<ul>
<li><a href="#treby" class="treby">Православные требы</a></li>
<li><a href="#moleben" class="moleben">Молебен</a></li>
<li><a href="#sorokoust" class="sorokoust">Сорокоуст</a></li>
<li><a href="#svecha" class="svecha">Свеча</a></li>
<li><a href="#pozhertvovanie" class="pozhertvovanie">Пожертвование</a></li>
</ul>
</div>
Скрипт скрывает статьи, кроме выбранной и скролит к id:
$(".nav").on("click","a", function (event) {
event.preventDefault();
var id = $(this).attr('href');
var top = $(id).offset().top;
$('body,html').animate({scrollTop: top}, 1500);
$('.content').hide();
$('.content.' + this.className).show();
});
Разметка Html:
<div id="svecha"></div>
<div class="content svecha" style="">
<div class="sec" id="article-89">
<div class="title">Свеча</div>
<div class="sec" id="to_print"><div class="timage-svecha"><img
alt="Свеча" src="/static/images/svecha.jpg"
style="height:211px;width:281px" title="Свеча"></div>
<p>
...
</p>
</div>
</div>
Проблема в том, что при переходе по ссылкам на странице, скрол уезжает то к футеру, то в середину контента. Один раз может отработать нормально. при повторном переходе уехать вниз. А должен скролить к
<div id="svecha"></div>
hide/show
, а уже потом вычислить позицию целевого элементаtop = $(id).offset().top
и собственно запустить анимацию$('body,html').animate({scrollTop: top}, 1500)