Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <nav class="main-menu">
- <div class="container">
- <div class="row">
- <ul class="header-menu">
- <li><a href="#main">Главная</a></li>
- <li><a href="#types">Виды жалюзи</a></li>
- <li><a href="#portfolio">Наши работы </a></li>
- <li><a href="#offer">Акция</a></li>
- <li><a href="#feedback">Отзывы</a></li>
- <li><a href="#contacts">Контакты</a></li>
- </ul>
- </div>
- </div>
- </nav>
- $(".main-menu").on("click", "a", function(event) {
- //отменяем стандартную обработку нажатия по ссылке
- event.preventDefault();
- //забираем идентификатор бока с атрибута href
- var id = $(this).attr('href'),
- //узнаем высоту от начала страницы до блока на который ссылается якорь
- top = $(id).offset().top;
- //анимируем переход на расстояние - top за 1500 мс
- $('body,html').animate({
- scrollTop: top
- }, 1500); // выставляет скорость прокрутки
- });
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement