html - 如何阻止背景在模式切换时跳到顶部

Question

我在单页机网站上使用 Twitter Bootstrap 模式。当我点击按钮打开模态时，背景跳转到页面顶部并打开模态。当您单击模式内的关闭按钮时，会发生同样的事情。

我尝试将下面的代码添加到我的 CSS 文件中。这会阻止背景跳到顶部，但是，我现在可以在打开模式的情况下滚动背景，这也是我不想要的。而且当我的模式溢出时，我可以看到模式和背景的滚动条。

body.modal-open {
    overflow: visible;
}

有没有另一种方法可以解决这个跳跃问题，而无需在模式打开时让用户在背景中滚动？

Answer 1

如果您将 body 或 html 的 height 设置为 100%，就我而言，将以下内容添加到您的 CSS 文件中:

html, body {
    overflow: scroll;
}

背景现在应该保持原来的位置。