Tiny Stackable Sticky Menu Plugin For jQuery - stickymenu.js

Tiny Stackable Sticky Menu Plugin For jQuery - stickymenu.js
File Size: 8.76 KB
Views Total:
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   

stickymenu.js is a lightweight jQuery plugin that gives you the ability to make any element always stay visible when scrolling down the webpage.

How to use it:

1. Add jQuery library and the jQuery stickmenu.js to the webpage as follow.

<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="jquery.stickymenu.js"></script>

2. Create a main menu for your website.

<div id="stickymenu">
  Main menu here
</div>

3. Initialize the plugin to make the menu sticky on the top of the webpage.

$.stickymenu ();

4. Create a sub menu that stacks under the main menu as you scroll down the page.

<div id="stickymenu2">
  Sub menu
</div>
$.stickymenu ({
  object_id: 'stickymenu2', 
  standoff_object_id: 'stickymenu'
});

Change log:

2015-10-31

  • Update version to v.1.1.1

This awesome jQuery plugin is developed by fater. For more Advanced Usages, please check the demo page or visit the official website.