🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

StickyChimp is a simple jQuery plugin inspired by Mailchimp.com for creating a smart & animated navigation menu that stays at the top of your web page.

Sticky Navigation Fixed-Position

Documentation

StickyChimp

The new MailChimp site looks very snazzy but I found myself overly fond of how the navigation menu reacts and displays when they assume the user requires it but hides it when not. This is a quick and simple jQuery plugin for that very feature.

Demo

You can find a demo of StickyChimp at http://nbrock.github.io/StickyChimp. The original MailChimp menu can be viewed at http://mailchimp.com/.

Usage

The menu element you use StickyChimp upon needs to be position: fixed.

Data Attributes

You can use this plugin purely through the markup API without writing a single line of JavaScript. This should be your first consideration when using the plugin.

To activate without writing JavaScript. Add data-toggle="stickychimp" to the element upon which you want to enable the plugin.

<nav class="navbar" data-toggle="stickychimp"> 	... </nav>

Programmatic API

That said, in some situations it may be desirable to enable the plugin in a more traditional manor using the programmatic API.

<nav class="navbar"> 	... </nav>  <script> 	$(document).ready(function() { 		$('.navbar').stickychimp(); 	}); </script>

You May Also Like