滚动条未在模式隐藏下恢复

Question

我有一个模态，可以通过单击按钮打开。 打开此模式后，我会看到2个滚动条，

1. 模态第一
2. html / body第二

我尝试删除滚动条，如下所示：

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');