Cacher is the code snippet organizer for pro developers

.navbar	
	&.fixed
		position: fixed
		left: 0
		right: 0
		top: -150px
		transition: 0.2s all ease-in-out
		z-index: 1000

		&.top
			top: 0

/**
  * Scroll then fixed nav
  */
  
  var posFromTop = jQuery('.navbar').offset().top
  
  jQuery(window).bind('scroll', function() {
    var navHeight = posFromTop;
    if (jQuery(window).scrollTop() > navHeight) {
      jQuery('.navbar').addClass('navbar-fixed-top');
    }
    else {
      jQuery('.navbar').removeClass('navbar-fixed-top');
    }
  });

// Scroll then fixed nav
$(window).bind('scroll', function() {
	if ($(window).scrollTop() > 200) {
		$('.navbar').addClass('fixed').delay(100).queue(function() {
			$(this).addClass("top").dequeue();
		});
		$('body').css('padding-top', $('.navbar').outerHeight());
	} else {
		$('.navbar').removeClass('fixed top');
		$('body').css('padding-top', 0);
	}
});