jquery - 滚动条的引导模式 jquery 函数和动态模式高度在 Firefox 上无法正常工作

Question

在我的新网站上 http://c4g.live/我正在使用 bootstrap v3 和模式来显示有关每个被查询的游戏服务器的更多信息。每个模式都包含当前玩家的个人服务器、他们的分数和他们的游戏时间。

我一直在寻找一种方法来使模式具有滚动条，并且还可以根据浏览器窗口的大小动态更改高度。我在这里找到了这个很好的例子:https://stackoverflow.com/a/32871535

我将此应用到我的网站中，它在 Chrome 上完美运行，但在 Firefox 上无法正常运行。我得到了滚动条，但高度不对，大约是浏览器高度的一半。但是，在该解决方案的 codepen 示例网站上，模式似乎在 Firefox 中正常工作，只是在我的网站上不行。我怀疑我网站上的某些内容可能会干扰 Firefox 不喜欢的内容，但 Chrome 会忽略。我花了几个小时试图找出原因，但我似乎找不到任何原因。

有没有人看到这可能无法在我的网站上的 Firefox 中正常工作的任何明显原因？

我使用的是 codepen 示例网站上的 Bootstrap 3.3.7，我安装了最新的 jquery。我也尝试了以前版本的 jquery，结果都是一样的。

这是它在 Firefox 中为我做的事情的图片

这是它在 Chrome 中的作用的图片(正确)

Answer 1

添加主体 高度 100%

body
{
  height:100%;
}