fullPage.js Skeleton

This is just a skeleton of fullPage.js, you can fork it and add you desire code so you can show your code easily.

by AlexKhrapal

HTML

<link rel="stylesheet" href="http://alvarotrigo.com/fullPage/example3.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="http://alvarotrigo.com/fullPage/vendors/jquery.easings.min.js"></script>
<script src="http://alvarotrigo.com/fullPage/jquery.fullPage.min.js"></script>
<button id="moveDown">Move down</button>

<div id="fullpage">
    <div class="section">One</div>
    <div class="section">
        <div class="slide" data-anchor="slide1">Two 1</div>
        <div class="slide" data-anchor="slide2">Two 2</div>
    </div>
    <div class="section">Three</div>
    <div class="section">Four</div>
</div>

CSS

.sector	{
	padding: 50px;
}

.a { background-color: #333; }
.b { background-color: #f8f8f8; }
.end { background-color: #bbb; height: 900px; }
.masonry-block { background-color: red; }

.arrows {
  position: fixed;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
}

JavaScript

$(document).ready(function() {
  $('#fullpage').fullpage();
});

//adding the action to the button
$(document).on('click', '#next', function(){
  fullpage_api.moveSectionDown();
});