scrollTop на якорь с отступом
Возникла следующая проблема: вверху страницы есть плавающее мену, но когда осуществлять переход к якорю - якорь заходит под меню. Как сдулать отступ перед якорем?
Использую следюющую функцию для перехода на якорь:
$('a[href^="#"]').click(function () {
var target = $(this).attr('href');
$('html, body').animate({scrollTop: $(target).offset().top }, 800);
return false;
});
Изменение строки на: scrollTop: $(target).offset().top-84 не помогает (сналала отображает правильно, но потом снова прячет якорь под меню) |
<html style="border:1px solid green">
<a href="#test">Ссыль</a>
<div style="height:200px"></div>
<div id="test" style="background:red">#test</div>
<div style="height:300px"></div>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script>
$('a[href^="#"]').click(function () {
var target = $(this).attr('href');
$('html, body').animate({scrollTop: $(target).offset().top - 50 }, 800);
return false;
});
</script>
</html>
|
| Часовой пояс GMT +3, время: 09:08. |