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

Question

在我的新网站http://c4g.live/上，我正在使用引导程序v3和模式在每个要查询的游戏服务器上显示更多信息。每个模式都包含各个服务器的当前玩家，得分和上场时间。

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

我在网站上实现了此功能，它在Chrome上可完美运行，但在Firefox上无法正常运行。我得到了滚动条，但是高度不正确，大约是浏览器高度的一半。但是，在该解决方案的codepen示例网站上，该模式似乎可以在Firefox中正常工作，而在我的网站上却没有。我怀疑自己网站上的某些内容可能会干扰Firefox，但Firefox却不喜欢。我花了数小时试图找出原因，但似乎找不到任何原因。

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

我正在使用Codepen示例网站上的Bootstrap 3.3.7，并放入了最新的jquery。我也尝试了早期版本的jquery，并且都一样。

以下是它在Firefox中对我的作用的照片

以下是它在Chrome中的功能图片（正确）

Answer 1

添加Body height 100%

body
{
  height:100%;
}