Javascript Reveal.js浏览器之间的查看端口不一致

我正在使用响应框架v5.5.0构建一个网站

我想使用他们的展示模式有一个覆盖弹出窗口，并显示与他们所在页面相关的其他文章

显示模块可以工作，但我注意到不一致。Chrome工作正常，但在IE和Firefox中，模式显示的是从主体顶部开始的一定数量的像素，而不是从视图端口的顶部开始。因此，如果用户已在折叠下方滚动，则必须向上滚动以查看模式

我尝试过的
这条线索让我走上了正确的道路

所以我第一次尝试编辑基础.js文件。第3901行

原创的

   css.top = $(root_element).scrollTop() - el.data('offset') + 'px'; //adding root_element instead of window for scrolling offset if modal trigger is below the fold

替换

  css.top = $(window).scrollTop() - el.data('offset') + 'px';

这不起作用。所以我试着用CSS来修复它

    /*Learn More Overlay Fixes*/
.reveal-modal-bg{
    height:2000px !important;
    position:fixed;
}

.reveal-modal{position:fixed;

}

这解决了这个问题。。。在internet explorer和Firefox中。现在chrome显示的图像远低于我想要的屏幕中央

这是IE的补丁

但是铬的结果

---

歌剧给了我更奇怪的结果。将模态放在浏览器的视图端口下方很远的位置

最新版本中固定的5.5位置发生了更改。它只影响某些浏览器。现在它有了一个更智能的定位，所以即使你打开一个从页面底部触发的模式，它也会正确定位。

我升级了它，它已经被修复。非常感谢。