Cacher is the code snippet organizer for pro developers

Getting Started

Include jQuery
Include jquery.headtacular.js
When the document is ready(), call .headtacular() on the element which you'd like to stick
Example

$('.header').headtactular({ scrollPoint: 100 });

.header {
    transition: all 300ms;
    background-color: #fff;
    position: relative;
    z-index: 9999;
}

.header.is-stuck {
    position: fixed;
    left: 0;
    width: 100%;
    top: 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.8);
}

scrollPoint (default: 0)
Sets the distance (in pixels) from the top of the browser window which the user must scroll to activate Headtacular.

showScrollPoint (default: false)
Sets the distance (in pixels) from the top of the browser window which the user must scroll to activate Headtacular.

parentOffset (default: true)
Activates the padding offset fix - the .parent() of the targeted object will have a padding-top applied equal to the height of the .is-stuck element.