jQuery( document ).ready(function() {

   
       
         if(jQuery(window).scrollTop() > 50) {
                jQuery("#ast-desktop-header").addClass("active");
                jQuery(".menu-link").addClass("shrink");
                
            }
    
      
         
    jQuery( window ).on( "scroll", function() {
  
            //alert("scroll");
            if(jQuery(window).scrollTop() > 50) {
                jQuery("#ast-desktop-header").addClass("active");
                jQuery(".menu-link").addClass("shrink");
                
            } else {
                    //remove the background property so it comes transparent again (defined in your css)
                   jQuery("#ast-desktop-header").removeClass("active");
                   jQuery(".menu-link").removeClass("shrink");
            }
    
    });

});