Skip to content
Create animated scroll menu with jQuery
JavaScript CSS HTML
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
css
example
js
.gitattributes
.gitignore
MIT-LICENSE.txt
README.md
pagescrollmenu.jquery.json

README.md

Pagescroll jQuery Menu

Open Source jQuery PageScroll Menu.

Features

  • vertical or horizontal display
  • absolute, fixed or inline styles
  • left, right, top or bottom aligns
  • configurable background color, font sizes, colors also configurable via CSS
  • smooth animation during pagescroll
  • fade in / fade out effect when user scrolling

Usage

<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.0.min.js"></script> 
<script type="text/javascript" src="js/pjm.min.js"></script>
<script type="text/javascript">                                                                            
	jQuery(document).ready(function() {
		jQuery(".pagescroll-menu").pagescroll_menu({
			"position":"top",
			"type":"fixed",
			"bgcolor":"#000"
			});	
	});
</script>

Adding Menu

Use the following format to add menu to your website:

	<ul class="pagescroll-menu">
            <li><a href="#home">HOME</a></li>
            <li><a href="#section2">FEATURES</a></li>
            <li><a href="#section3">POSITION</a></li>
            <li><a href="#section4">OPTIONS</a></li>
            <li><a href="#download">DOWNLOAD</a></li>
    </ul>

Then don't forget to add anchors to the website:

<a id="section2"></a>

License

jQuery PageScroll Menu is published under the MIT license.

Other Projects

Simple Signup Popup - Email Sign Up Forms

FullScreen Background Slider - jQuery Image Slider

WordPress Projects

W8 Contact Form - WordPress Sliding Contact Form Plugin

You can’t perform that action at this time.