Create animated scroll menu with jQuery
JavaScript CSS HTML
Latest commit 29d860c Mar 27, 2015 @Pantherius modified readme
Permalink
Failed to load latest commit information.
css Initial Release Mar 12, 2014
example changed links Mar 24, 2015
js changed links Mar 24, 2015
.gitattributes
.gitignore
MIT-LICENSE.txt
README.md modified readme Mar 26, 2015
pagescrollmenu.jquery.json changed links Mar 24, 2015

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.

Demo Page and Full Details

Aviate Mega Menu - jQuery CSS DropDown Menu Plugin, Premium jQuery Drop-Down Menu Plugin WordPress Plugins & Tutorials