JAVASCRIPT

how to change css of menu when scrolling

jQuery(document).ready(function(){       
   var scroll_start = 0;
   var startchange = jQuery('#et-main-area');
   var offset = startchange.offset();
   jQuery(document).scroll(function() { 
      scroll_start = jQuery(this).scrollTop();
      if(scroll_start > offset.top) {
          jQuery('#main-header').css('background-color', '#304044');
		  jQuery('.menu-item-211 a').css('background-color', '#ddcbbc');
       } else {
          jQuery('#main-header').css('background-color', 'transparent');
		   
       }
   });
});