menuFullpage.js

Installation

Step 1: Link required files

<!-- menuFullpage CSS --> <link rel="stylesheet" type="text/css" href="css/menufullpage.css"> <!-- vendor js --> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> <!-- menuFullpage js --> <script src="js/menuFullpage.min.js"></script>

Step 2: HTML markup

<a href="#menu" class="menu-link"> <span>toggle menu</span> </a> <nav id="menu" class="panel" role="navigation"> <ul> <li><a data-scroll href="#">home</a></li> <li><a data-scroll href="#">installation</a></li> <li><a data-scroll href="#">github</a></li> <li><a data-scroll href="#">contact</a></li> </ul> </nav>

Step 3: Call the menuFullpage.js

<script> smoothScroll.init(); $(document).ready(function() { $('.menu-link').menuFullpage(); }); </script>