how to hide divi menu on scroll

/**
 * Header Styles
 */
#main-header {
 -webkit-transition: all 0.2s;
 -moz-transition: all 0.2s;
 transition: all 0.2s;
}
 
#main-header.invisible {
 opacity: 0;
 top: -1000% !important;
}
 
.et-fixed-header#main-header {
 opacity: 0;
}
 
#main-header.detached {
 position: fixed !important;
 top: 0;
 opacity: 1 !important;
}