создается 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); }); });
|
Это сообщение отредактировал(а) Emiliya - 20.10.2016, 19:08
|