fullPage.js is designed to be easy to use and customize. It includes tens of examples, great documentation and both community and personal support.
<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>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);
},
});Designed for mobiles and tablets, totally responsive.
Because not only kids like to grab things.