How to create sticky header bar for a website ?

If you want to make your header Navbar sticky or fixed at Top on window scroll than here is the solution to follow.

So here is the jquery Scipt

jQuery(window).scroll(function() {
   var scroll = jQuery(window).scrollTop();

   if (scroll >= 200) { 
    jQuery(".nstHeader").addClass("sticky");
    } 
   else {
    jQuery(".nstHeader").removeClass("sticky");
    }

 }); 

In this script , class will added after scroll the window to 200px. You can change the number as per your condition.

• css3
• jquery
• scroll
• sticky header

• Share
• Tweet
• Share
• Mail