Jquery 模式对话框打开时禁用浏览器滚动

当模式对话框打开时，我需要禁用浏览器中的滚动。所以我补充说

$("body").css({'overflow': 'hidden' });  

在我的函数和我的工作，但我的模态对话框有大尺寸

width: 1260px; height: 695px;

所以在小屏幕上，它的一部分是隐藏的，所以我需要添加一些最小宽度和高度，以使模态对话框作为一个整体可见

我尝试使用：

css（{'width'：'1300px'，'height'：'1000px'，'overflow'：'hidden'}）

---

但它不起作用，模态对话框的一部分也被隐藏了。有什么办法可以让它发挥作用吗

尝试以下

jquery

+

css

解决方案：

CSS

body.modal-open {
    overflow: hidden;
}

$("#myModal").on("show", function () {
  $("body").addClass("modal-open");
}).on("hidden", function () {
  $("body").removeClass("modal-open")
});

JS

body.modal-open {
    overflow: hidden;
}

$("#myModal").on("show", function () {
  $("body").addClass("modal-open");
}).on("hidden", function () {
  $("body").removeClass("modal-open")
});

或者只是

$('#myModal').modal().on('show', function(){
    $('body').css('overflow', 'hidden');
}).on('hidden', function(){
    $('body').css('overflow', 'auto');
})

这应该有效
css（{'overflow-x'：'hidden'，'overflow-y'：'auto'}）
还要确保将大的

z-index

值添加到模式中