我对这段代码不太确定，但值得一试。

jQuery:

$(document).ready(function() {
    $(/* Put in your "onModalDisplay" here */)./* whatever */(function() {
        $("#Modal").css("overflow", "hidden");
    });
});

就像我之前说过的，我不是百分百确定，但还是试一试吧。

警告:下面的选项与Bootstrap v3.0无关。X，因为在这些版本中滚动被显式地限制在模态本身。如果禁用轮事件，可能会无意中阻止一些用户在高度大于视口高度的模态中查看内容。

还有另一个选择:车轮事件

滚动事件不可取消。但是，可以取消鼠标滚轮和滚轮事件。需要注意的是，并不是所有的传统浏览器都支持它们，Mozilla最近才在Gecko 17.0中添加了对后者的支持。我不知道它们的全部分布，但IE6+和Chrome确实支持它们。

下面是如何利用它们的方法:

$('#myModal')
  .on('shown', function () {
    $('body').on('wheel.modal mousewheel.modal', function () {
      return false;
    });
  })
  .on('hidden', function () {
    $('body').off('wheel.modal mousewheel.modal');
  });

JSFiddle

如果modal的高度/宽度为100%，“mouseenter/leave”可以很容易地启用/禁用滚动。这对我来说真的很管用:

var currentScroll=0;
function lockscroll(){
    $(window).scrollTop(currentScroll);
} 
$("#myModal").mouseenter(function(){
    currentScroll=$(window).scrollTop();
    $(window).bind('scroll',lockscroll); 
}).mouseleave(function(){
    currentScroll=$(window).scrollTop();
    $(window).unbind('scroll',lockscroll); 
});

当你在另一个模态中使用一个模态时，就会发生上述情况。当我在另一个模态中打开一个模态时，后者的关闭将从主体中移除类modal-open。这个问题的解决取决于你如何关闭后一个模式。

如果你用html关闭模态，

<button type="button" class="btn" data-dismiss="modal">Close</button>

然后你必须像这样添加一个监听器，

$(modalSelector).on("hidden.bs.modal", function (event) {
    event.stopPropagation();
    $("body").addClass("modal-open");
    return false;
});

如果你用javascript关闭模态，

$(modalSelector).modal("hide");

然后你必须在一段时间后像这样运行命令，

setInterval(function(){$("body").addClass("modal-open");}, 300);

这是我的香草JS解决方案基于@jpap jquery:

let bodyElement = document.getElementsByTagName('body')[0];

// lock body scroll
    let width = bodyElement.scrollWidth;
    bodyElement.classList.add('overflow-hidden');
    bodyElement.style.width = width + 'px';

// unlock body scroll
    bodyElement.classList.remove('overflow-hidden');
    bodyElement.style.width = 'auto';

最著名的答案很简单，即。

body{
   height: 100%;
   overflow-y: hidden;
}

但是，如果你想在子/孙子中打开一个模态并停止滚动，该如何解决呢?更长期的解决方案是使用props或存储在Angular/React中，并改变body标签的高度和溢出属性。

另一种解决方案是从子/孙子组件获取主体，并相应地改变其高度和溢出以停止滚动。 在我的例子中，我只是这样做的

if(isModalExpanded){
    document.body.style.overflow = "hidden";
    document.body.style.height = "100%";
}
else{
    document.body.style.overflow = "auto";
    document.body.style.height = "auto";
}