Fullpage.js

by R45H

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/2.8.9/jquery.fullPage.js"></script>
<header class="header"></header>
<main class="main">
  <section class="section">Текст 1</section>
  <section class="section">Текст 2</section>
  <section class="section">Текст 3</section>
</main>

CSS

body {
	margin: 0;
}
.header {
	background-color: rgba(0, 0, 0, .5);
	z-index: 1;
	position: fixed;
	width: 100%;
	height: 85px;
}
.section{
  border-bottom: 1px solid yellow;
  box-sizing: border-box;
}

JavaScript

$(function() {
	$('.main').fullpage({
		sectionsColor: ['blueviolet', 'brown', 'green'],
		paddingTop: '85px',
		scrollOverflow: true
	});
});