Maquette

HTML

<link rel="stylesheet" href="http://pepitodanger.free.fr/scrollit/css/owl.carousel.css">
<link rel="stylesheet" href="http://pepitodanger.free.fr/scrollit/css/snap.css">
<link rel="stylesheet" href="http://pepitodanger.free.fr/scrollit/css/layout.css">
<script src="http://pepitodanger.free.fr/scrollit/js/snap.min.js"></script>
<script src="http://pepitodanger.free.fr/scrollit/js/owl.carousel.js"></script>
<script src="http://pepitodanger.free.fr/scrollit/js/nicescroll.js"></script>
<script src="http://pepitodanger.free.fr/scrollit/js/sly.js"></script>
<script src="http://pepitodanger.free.fr/scrollit/js/layout_2.js"></script>
<script src="http://pepitodanger.free.fr/scrollit/js/scrollit.js"></script>
	<div id="page" class="snap-content">
	
	<section id="home" data-scroll-index="0">
	
		<div class="w960p">
			<header id="header">
				<img class="logo" src="http://pepitodanger.free.fr/scrollit/images/logo.png" alt="Logo">
				<img id="btn-clients" class="icon-client-area rollover" src="http://pepitodanger.free.fr/scrollit/images/client-area-normal.png" alt="Icon client area">
			</header>
			
			<div id="main">
				<a href="#" id="open-snap"><div id="div-home">
					<div id="div-home-content" class="center-middle">
						<h2 class="exemple-title">Div home by default</h2>
					</div>
				</div></a>			
				<div id="div-client-area">
					<div id="div-client-area-content" class="center-middle">
						<h2 class="exemple-title">Div client area</h2>
					</div>
				</div>
			</div>
			
			<footer id="footer">
				<h2 class="div-footer">Footer</h2>
			</footer>
		</div>
		
	</section>
	
	<section id="content">
	
			<div id="background-01"><p class="bg">Background</p></div>
	
			<article class="layout"  data-scroll-index="1">
			<div class="w960p">
				<h2 class="article-title">Title Rubric</h2>
				<hr class="blueline clear" />

				<div class="w70 center">
					<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Modi, quaerat, molestiae, omnis, repudiandae...

JavaScript

// Scrollit
$.scrollIt({
  upKey: 38,
  downKey: 40,
  easing: 'linear', 
  scrollTime: 600, 
  topOffset: 0
});