对于那些使用SharePoint 2013的人，有一个小提示。主体已经有overflow: hidden。你要找的是设置overflow:隐藏在id为s4-workspace的div元素上，例如。

var body = document.getElementById('s4-workspace');
body.className = body.className+" modal-open";

不幸的是，上面的答案没有一个能解决我的问题。

在我的情况下，网页原本有一个滚动条。每当我点击模态，滚动条不会消失，标题会向右移动一点。

然后我尝试添加.modal-open{overflow:auto;}(大多数人都推荐)。它确实解决了问题:滚动条出现后，我打开模式。然而，另一个副作用出现了，那就是“标题下面的背景会向左移动一点，在模态后面还有一个长条”

幸运的是，在添加{padding-right: 0 !important;}之后，一切都被完美地修复了。标题和正文背景都没有移动，模态仍然保持滚动条。

希望这可以帮助那些仍然被这个问题困扰的人。好运！

添加类'is-modal-open'或用javascript修改body标签的样式都是可以的，它会像预期的那样工作。但我们要面对的问题是当body变成overflow:hidden时，它会跳到顶部(scrollTop将变成0)。这将在以后成为一个可用性问题。

作为这个问题的解决方案，而不是改变正文标签溢出:隐藏改变它在html标签

$('#myModal').on('shown.bs.modal', function () {
  $('html').css('overflow','hidden');
}).on('hidden.bs.modal', function() {
  $('html').css('overflow','auto');
});

我刚才是这样做的……

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

但当滚轮消失时，它将所有东西都正确移动了20px，所以我添加了

$('body').css('margin-right', '20px');

就在后面。

对我有用。

对于Bootstrap，你可以尝试这样做(在Firefox, Chrome和Microsoft Edge上工作):

body.modal-open {
    overflow: hidden;
    position:fixed;
    width: 100%;
}

为什么不像布尔玛那样做呢? 当modal is-active时，将它们的类.is-clipped添加到html中，即overflow: hidden!important; 就是这样。

编辑:好的，Bulma有这个bug，所以你必须添加其他东西，比如

html.is-modal-active {
  overflow: hidden !important;
  position: fixed;
  width: 100%; 
}