Bootstrap 3.3 在模态框上显示双滚动条
Bootstrap 3.3 shows double scrollbars on modals
我正在使用 Bootstrap 3.3.1 模态，直到昨天它都运行良好。
我在我的页面上使用了一些模式 windows。
其中一个模式比页面长。在正常情况下，Bootstrap 透明地隐藏 body 的滚动条并在覆盖层上创建一个滚动条。当用户在模式上滚动时，它会在到达末尾时停止。 body 根本不动。
但是，昨天，我正在研究我的模式，现在它完全是错误的。我不知道我介绍的东西破坏了我的模态。
首先，Bootstrap 在 body 上应用 15px 的偏移量，即使在高度低于屏幕高度的小模态框上也是如此。
内容被无用地转移了。
其次，body 在显示模式时保持其滚动条。覆盖层也有它的滚动条。所以，我的页面上有一个可怕的双滚动条，当用户在模式末尾滚动时，body 也会滚动。
此外，有时（是的），叠加层有问题，它会随着 body 滚动（所以我可以看到 body 没有叠加层页面底部）。
我不知道是什么导致了这个问题，因为它之前是有效的。
编辑： 这是我的代码：http://pastebin.com/ePAcjri8。页面中模式的位置对此错误没有影响（就在 <body> 之后，就在 </body> 之前，等等）。
显示时，我通过 Ajax 填充模态内容。
在 JavaScript 方面，我只是使用 .modal('show') 然后 .html(html) 来填充它们。
问题已解决。
我认为这个问题可能是由很多不同的原因引起的（在 Internet 上查看关于这个问题的主题，但在 Bootstrap 版本中已经修复了很多），但就我而言，我只需要在我的CSS:
html {
overflow-x: hidden;
}
在<html>中隐藏x或y溢出会导致出现双滚动条。
我正在使用 Bootstrap 3.3.1 模态，直到昨天它都运行良好。
我在我的页面上使用了一些模式 windows。 其中一个模式比页面长。在正常情况下，Bootstrap 透明地隐藏 body 的滚动条并在覆盖层上创建一个滚动条。当用户在模式上滚动时，它会在到达末尾时停止。 body 根本不动。
但是，昨天，我正在研究我的模式，现在它完全是错误的。我不知道我介绍的东西破坏了我的模态。
首先，Bootstrap 在 body 上应用 15px 的偏移量，即使在高度低于屏幕高度的小模态框上也是如此。 内容被无用地转移了。 其次，body 在显示模式时保持其滚动条。覆盖层也有它的滚动条。所以，我的页面上有一个可怕的双滚动条，当用户在模式末尾滚动时，body 也会滚动。
此外，有时（是的），叠加层有问题，它会随着 body 滚动（所以我可以看到 body 没有叠加层页面底部）。
我不知道是什么导致了这个问题，因为它之前是有效的。
编辑： 这是我的代码：http://pastebin.com/ePAcjri8。页面中模式的位置对此错误没有影响（就在 <body> 之后，就在 </body> 之前，等等）。
显示时，我通过 Ajax 填充模态内容。
在 JavaScript 方面，我只是使用 .modal('show') 然后 .html(html) 来填充它们。
问题已解决。 我认为这个问题可能是由很多不同的原因引起的（在 Internet 上查看关于这个问题的主题，但在 Bootstrap 版本中已经修复了很多），但就我而言，我只需要在我的CSS:
html {
overflow-x: hidden;
}
在<html>中隐藏x或y溢出会导致出现双滚动条。