StickNav pins navigation-bars to the top if scrolling over it.

StickyNav.js

    /**
     * jQuery Plugin StickyNav
     * @copyright   tomasiMEDIA 2013
     * @author      Dominik Tomasi
     * @date        09.10.13
     */

    (function ($) {


        $.StickyNav = function (el, options) {

            var base = this;

            base.defaultOptions = {
                placeholder: false,
                css: {
                    'position': 'fixed',
                    'top': 0,
                    'z-index': 999
                }
            };

            base.$el = $(el);

            base.init = function () {

                base.options = $.extend({}, base.defaultOptions, options);

                base.offset = base.$el.offset().top;

                base.originHeight = base.$el.height();
                var placeholder = $('<div class="placeholder"></div>');
                placeholder.css('height', base.originHeight);

                $(window).scroll(function () {
                    var totalScroll = $(window).scrollTop();
                    if (totalScroll >= base.offset) {

//Change CSS-Propertys
                        base.$el.css(base.options.css);

//if Placeholder -> insert him
                        if (base.options.placeholder) {
                            placeholder.insertBefore(base.$el);
                        }

                    }
                    if (totalScroll <= base.offset) {
                        if (base.options.placeholder) {
                            placeholder.remove();
                        }
                        base.$el.removeAttr('style');
                    }
                });
            };

            base.init();


        };

        window.StickyNav = function (selector, options) {
            (new $.StickyNav(selector, options))
        };

    })(jQuery);