jQuery sectionMenu

<link href="jquery.sectionmenu.css" rel="stylesheet" />
<link href="jquery.sectionmenu.dark.css" rel="stylesheet" />
<link href="style.css" rel="stylesheet" />

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<script src="jquery.easing.min.js"></script>
<script src="jquery.fragmentscroll.min.js"></script>
<script src="jquery.sectionmenu.js"></script>
<script src="jquery.sectionmenu.min.js"></script>

<section id="home" data-section-menu="Home">
    <p>Home</p>
</section>
<section id="about" data-section-menu="About">
    <p>About</p>
</section>
<section id="contact" data-section-menu="Contact">
    <p>Contact</p>
</section>

 $(window).load(function() {
	$('body').sectionMenu().fragmentScroll();
});