Все дякую зроби. може кому буде треба ось .
Замість цього блока:
$(document).on('mouseenter', '.menu-header-box.type-menu-h-1:not(.m-sticky) .menu-box', function () {
if(!$('html').hasClass('vw-100')){
$('html').toggleClass('vw-100');
$('#menu-vertical').toggleClass('open');
if($('html').hasClass('vw-100')){
if($('.menu-box').hasClass('menu_mask')){
$('html').append('<div class="ch-bg z-v3 hidden-xs hidden-sm"></div>');
} else {
$('html').append('<div class="ch-bg z-v3 bg-transp hidden-xs hidden-sm"></div>');
}
$('.ch-bg.z-v3').toggleClass('active');
} else {
$('.ch-bg.z-v3').remove();
}
}
}).on("mouseleave", '.menu-header-box.type-menu-h-1:not(.m-sticky):not(.active-m) .menu-box', function () {
chmCloseMenu();
});
Вставте цей (без блокування скролу):
$(document).on('mouseenter', '.menu-header-box.type-menu-h-1:not(.m-sticky) .menu-box', function () {
if(!$('#menu-vertical').hasClass('open')){
// не додаємо html.vw-100 щоб не блокувати скрол
$('#menu-vertical').addClass('open');
// додаємо оверлей у body (не на html)
if($('.menu-box').hasClass('menu_mask')){
$('body').append('<div class="ch-bg z-v3 hidden-xs hidden-sm"></div>');
} else {
$('body').append('<div class="ch-bg z-v3 bg-transp hidden-xs hidden-sm"></div>');
}
$('.ch-bg.z-v3').addClass('active');
} else {
$('.ch-bg.z-v3').remove();
$('#menu-vertical').removeClass('open');
}
}).on("mouseleave", '.menu-header-box.type-menu-h-1:not(.m-sticky):not(.active-m) .menu-box', function () {
chmCloseMenu();
});