Download
User Rating: 4.6/5 ( 1 votes)
The jQuery section menu plugin creates a side menu that allows you to scroll to the different sections on the page.
Source: github.com
1. INCLUDE CSS AND JS FILES
<link rel="stylesheet" href="assets/css/jquery.sectionmenu.css" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript" src="assets/js/jquery.fragmentscroll.min.js"></script>
<script type="text/javascript" src="assets/js/jquery.sectionmenu.min.js"></script>
2. HTML
<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>
3. JAVASCRIPT
$(window).load(function() {
$('body').sectionMenu().fragmentScroll();
});
4. OPTIONS
$('body').sectionMenu({
// Show title in the menu
enableTitle: true,
// Outer element
element: 'nav',
// Class and data- name
class: 'section-menu',
// Insert content before the menu
insertBefore: '',
// Insert content after the menu
insertAfter: ''
});