создается landing-page
задача: нажимаю в меню страницы ссылку о себе и совершается прокрутка страницы до необходимого раздела, и в меню и в разделе есть одинаковые id, если они совпадают то совершаем переход
| Код |
<div class="sticky-header">
<div class="container-default">
<div class="right-side">
<p class="nav-option" id="osebe">О себе</p>
<p class="nav-option" id="naviki">Навыки</p>
<p class="nav-option" id="portfolio">Портфолио</p>
<p class="nav-option-buy" id="svyz">Обратная связь</p>
</div>
</div>
</div>
<div class="sticky-header-spacer"></div>
<div class="block-2 block-2-gradient" id="osebe">
<div class="container-default">
<div class="text-left">
<h1>О себе</h1>
<p></p>
</div></div></div>
|
| Код |
$('.nav-option').click(function(){
var id = $(this).text().toLowerCase(); // вместо text(). написать id
var target = $('#' + id).scrollTop(0);
$('html, body').animate({
scrollTop: target.offset().top - 42
}, 800);
});
});
|
|