Sticky Bar with JQUERY

<div class="wrapper">
  <div class="header">
    Header
  </div>
  <div class="nav">
    Navigation
  </div>
  <div class="content">
    <p>Candy canes tart pie biscuit. Cupcake liquorice cake dessert tootsie roll 
    applicake pastry. ...</p>
  </div>
</div>

.sticky {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 100;
  border-top: 0;
}

$(document).ready(function() {
var stickyNavTop = $('.nav').offset().top;
 
var stickyNav = function(){
var scrollTop = $(window).scrollTop();
      
if (scrollTop > stickyNavTop) { 
    $('.nav').addClass('sticky');
} else {
    $('.nav').removeClass('sticky'); 
}
};
 
stickyNav();
 
$(window).scroll(function() {
  stickyNav();
});
});

source | codepen