Полоса прокрутки не восстановлена ​​на модальном шкуре

Question

У меня есть модальный и открывается, нажимая на кнопку. Когда модальный открыт, то я получаю 2 полосы прокрутки,

1. первые для модальных
2. второй для HTML/тела

Я попытался удалить скроллбар, как показано ниже:

if ($(".dialog-popup-open").length > 0) { 
    $('html').css('overflow','hidden'); 
} 
$(".closeButton").off("click").on("click", function() { 
    $('html').css('overflow','scroll'); 
    //$('html').css('overflow','inherit'); 
} 

Полоса прокрутки отлично скрывается, но не восстанавливается, когда модальная функция закрыта. Любые идеи, пожалуйста?

я пытался как scroll и inherit

Answer 1

Можете ли вы попробовать это один:

$("#openModal").click(function(){ 
 
    //code to open the overlay 
 
    //.... 
 
    //.... 
 
    
 
    //add modalActive class to html tag 
 
    $("html").addClass("modalActive"); 
 
    }); 
 

 
$(".closeButton").off("click").on("click", function() { 
 
    
 
    //code to close the modal overlay 
 
    //... 
 
    //... 
 
    
 
    
 
    //remove modalActive class from html 
 
    $('html').removeClass("modalActive"); 
 

 
});

.modalActive{ 
 
    overflow: hidden; 
 
    }

Answer 2

Вы должны дать что body:

$('body').css('overflow','auto');