Cara buat full page scroll to slide

Assalamu'alaikum wr wb,
Kali ini saya akan share bagaimana cara buat full page scroll to slide.
Idenya adalah ketika kita scroll mouse maka secara otomatis menampilkan slide section yang berikutnya.
Berikut ini syntaxnya.
-------------------------------------------
<style type="text/css">
.section
{
  text-align:center;
  font-size: 3em;
  color: #F0F7DA;
}

.content
{
  margin:50px;
}
</style>

<link rel="stylesheet" type="text/css" href="https://rawgit.com/alvarotrigo/fullPage.js/master/jquery.fullPage.css">


<div id="fullpage">
    <div class="section">Satu</div>
    <div class="section">Dua</div>
    <div class="section fp-auto-height">
      <div class="content">Tiga</div>
    </div>
    <div class="section fp-auto-height">
      <div class="content">Empat</div>
  </div>
</div>

<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="https://rawgit.com/alvarotrigo/fullPage.js/master/jquery.fullPage.js"></script>

<script type="text/javascript">
$('#fullpage').fullpage({
 anchors: ['page1', 'page2', 'page3', 'page4'],
 sectionsColor: ['#234D20', '#36802D', '#77AB59', '#C9DF8A'],
});
</script>
-------------------------------------------
Semoga bermanfaat.
http://pangeran-it.blogspot.co.id/