frontend-coder
8/31/2016 - 6:51 PM

javascript навигация по лендингу

javascript навигация по лендингу

HTML

 <script src="libs/PageScroll2id/PageScroll2id.min.js"></script>
 
   <ul>
  <li> <a href="#mainheader">Главная</a></li>
....
</ul>
<header class="header_img" id="mainheader">
и так далее

CSS
.top-line // контейнер с меню, лого, кнопкой позвонить
{
width: 100%;
z-index: 1;
position: fixed;
}

js

// Плавный скролл по якорям плагин PageScroll2id
	$(".top-menu ul li a, .angle-down a").mPageScroll2id({
		offset: ".top-line",
		  layout:"auto",
		scrollEasing: "linear",
		highlightByNextTarget: true,
		keepHighlightUntilNext: true,
		 autoScrollSpeed: true,
		scrollSpeed : 1200
	});