Tiny Stackable Sticky Menu Plugin For jQuery - stickymenu.js

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

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

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
$.stickymenu ({
  object_id: 'stickymenu2', 
  standoff_object_id: 'stickymenu'

Change log:


  • 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.