#Semi-Sticky Navigation A simple jQuery plugin to create a semi-sticky navigation bar. I really need to figure out a better term for this interaction. You can check out a demo here
##Usage
// Initiate plugin on the nav element using default options $('nav').semisticky(); // Initiate plugin with all the options $('nav').semisticky(function() { offsetLimit: 40, scrollThreshold: 20, onScroll: function(delta) { ... } });
##Options
Option | Type | Description | Default |
---|---|---|---|
offsetLimit | integer | The height (in pixels) of how much the navigation should be hidden while scrolling down. | Defaults to element.outerHeight() |
scrollThreshold | integer | The amount that must be scrolled before interaction starts | 0 |
onScroll | function | Callback function that executes after each scroll event. this refers to the SemiSticky object, and the delta (the change in scroll position) is passed as the only argument. | Empty function |