Fixed Bar

fixed.css

.fix-me.is-fixed {
    position: fixed;
    top: 0;
    z-index: 10;
}

fixed.js

/*-----------------------
  @FIXED NAV
------------------------*/
ww.fixed_nav = (function(){
    return {
        init: function() {
            var $win = $(window),
                $body = $("body"),
                $el = $(".fix-me"),
                eloffset = $el.offset().top;

            if ($el.length) {
                $win.scroll(function() {
                    if (eloffset < $win.scrollTop()) {
                        $el.addClass("is-fixed").css({"width":$(".page").outerWidth()});
                        $body.css({"padding-top":$el.outerHeight()});
                    } else {
                         $el.removeClass("is-fixed").css({"width":"auto"});
                         $body.css({"padding-top":"0"});
                    }
                });
            }
        }
    };
})();