Bootstrap 3.3 在模态框上显示双滚动条答案

【问题标题】：Bootstrap 3.3 shows double scrollbars on modalsBootstrap 3.3 在模态框上显示双滚动条
【发布时间】：2015-01-22 11:45:35
【问题描述】：

我正在使用 Bootstrap 3.3.1 模态，直到昨天它都运行良好。

我在我的页面上使用了一些模式窗口。其中一个模式比页面长。在正常情况下，Bootstrap 会透明地隐藏 body 的滚动条，并在叠加层上创建滚动条。当用户在模态框上滚动时，它会在到达末尾时停止。而且身体根本不动。

但是，昨天，我正在研究我的模态，现在它完全是错误的。我不知道我介绍的会破坏我的模态的东西。

首先，Bootstrap 会在 body 上应用 15px 的偏移量，即使是高度低于屏幕高度的小模态框也是如此。内容被无用地转移。其次，当显示模式时，主体保持滚动条。并且叠加层也有它的滚动条。所以，我的页面上有一个可怕的双滚动条，当用户在模式结束时滚动时，正文也会滚动。

另外，有时（是的），叠加层有问题，它会随着正文滚动（所以我可以在页面底部看到没有叠加层的正文）。

我不知道什么会导致这个问题，因为它以前工作过。

编辑：这是我的代码：http://pastebin.com/ePAcjri8。模态框在页面中的位置对这个错误没有影响（就在<body> 之后，就在</body> 之前，等等）。显示时我通过 Ajax 填充模态内容。在 JavaScript 方面，我只是使用.modal('show') 然后.html(html) 来填充它们。

【问题讨论】：

更新到 v3.3.2。发布您的完整代码。
刚刚将我的代码发布到原始帖子中。我无法升级，因为我使用了 Bootswatch 的“过时”主题。但是快速切换到原来的 Bootstrap 3.3.2 并没有改变任何东西。

标签： html css twitter-bootstrap-3 modal-dialog

【解决方案1】：

问题解决了。我认为这个问题可能是由很多不同的原因引起的（参见互联网上关于这个问题的主题，但在 Bootstrap 版本中已经修复了很多），但就我而言，我只需要在我的 CSS 中删除它：

html {
    overflow-x: hidden;
}

在<html> 中隐藏x 或y 溢出会导致双滚动条出现。

【讨论】：