Форум

vah-smile · #1 (**permalink**) 13.11.2014, 17:37

Возникла следующая проблема: вверху страницы есть плавающее мену, но когда осуществлять переход к якорю - якорь заходит под меню. Как сдулать отступ перед якорем?

Использую следюющую функцию для перехода на якорь:

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

Изменение строки на:

scrollTop: $(target).offset().top-84

не помогает (сналала отображает правильно, но потом снова прячет якорь под меню)

danik.js · #2 (**permalink**) 13.11.2014, 19:19

<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>

Форум

Справочник

Discord чат

Курсы javascript