jQuery(document).ready(function( $ ){ $(document).ready(function() { $(window).scroll(function() { // Get the current scroll position var scrollPosition = $(window).scrollTop(); // Add or remove the class based on the scroll position if (scrollPosition > 50) { $('#masthead').addClass('fixed-header'); } else { $('#masthead').removeClass('fixed-header'); } }); }); });