模态隐藏时未恢复滚动条

Question

我有一个模态，点击按钮即可打开。 当这个模态打开然后我得到2个滚动条，

1. 首先为Modal
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

请你试试这个：

＆＃13;

＆＃13;

$("#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");

});

＆＃13;

.modalActive{
  overflow: hidden;
  }

＆＃13;

＆＃13;

＆＃13;

Answer 2

您需要将其提交给body：

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