fullPage.js is designed to be easy to use and customize. It includes tens of examples, great documentation and both community and personal support.
html
<div id="fullpage">
<div class="section">Section 1</div>
<div class="section">
<div class="slide">Slide 2.1</div>
<div class="slide">Slide 2.2</div>
<div class="slide">Slide 2.3</div>
</div>
<div class="section">Section 3</div>
</div>
js
new fullpage('#fullpage', {
navigation: true,
responsiveWidth: 700,
anchors: ['home', 'about-us', 'contact'],
parallax: true,
onLeave: function(origin, destination, direction){
console.log("Leaving section" + origin.index);
},
});