如果将body或html的height设置为100%（如我的示例），请将以下内容添加到CSS文件中：

html, body {
    overflow: scroll;
}

背景现在应保持其原始位置。

如果这对任何人都有帮助，下面的CSS解决了这个问题：

body.modal-open {
  position: inherit;
  overflow: visible;
}

body.modal-open .modal {
  overflow: hidden;
}

第一个块允许显示页面滚动条，并防止在打开模态时跳转到顶部。第二个块阻止模态溢出，添加自己的第二个滚动条。

在css中添加以下类：

.modal-opned {
  overflow-y:hidden;
}

当modal打开时将其添加到body标记，当modal关闭时将其删除。

因为我也为这个问题纠结了好几天，所以我的解决方案很简单--我摆弄了HTML，发现当modal关闭时，modal-background导致了这个问题。所以我简单地从CSS中注解掉了这个问题，现在一切都好了。使用浏览器检查器来处理类似的问题！

//.modal-backdrop + #app-wrapper {
    //overflow: hidden;
//}

.modal-open{position: inherit}

这是因为modal-open是一个添加到body的类，当modal打开时。确保它的位置不固定，如果它是固定的，让它继承，这将帮助你在弹出窗口打开时停留在同一个位置

您可以使用以下代码，它应该可以正常工作：

<div class="modal" id="modelId" role="dialog" aria-hidden="true" data-backdrop="true">
  <!--Model code -->
</div>

将上面的ID分配给任何按钮或链接，您的模型应该可以正常加载，没有任何问题。

我遇到了同样的问题，删除href="#"解决了这个问题。