Javascript “垂直粘贴在中间屏幕”错误

这是一个后续问题

我曾尝试使用之前解决过的JS代码，最初它运行得很成功，但在几次更新后，代码突然变得不稳定，将模式弹出窗口向下推，而不是停留在屏幕中间

我怀疑代码中有.resize属性，但不知何故代码不完整。对于如何解决此问题并使窗口始终处于绝对中心位置的任何帮助，我们将不胜感激

如果需要演示，请链接此处：

代码JQuery/JavaScript

$(function(){
    $(window).resize(function(){
        var offset = 0,
        viewportHeight = $(window).height(),
        $myDialog = $('.reveal-modal');
        $myDialog.css('top', (offset + (viewportHeight / 2)) - ($myDialog.height() / 2));
    }).resize();
});

---

您的计算不正确，您必须将页边距顶部设置为-200px，而不是-150px

---

你似乎把另一个问题的两个答案结合起来了。你只能选一个。此外，除非包含jquery，否则jquery不起作用。在JSFIDLE的左上角有一个下拉菜单，用于选择您的框架。问题是我创建了该小提琴，以反映当前的问题。由于公司的原因，我无法显示有问题的真实网站。但是如果你看看小提琴，最终输出正是我现在面临的问题：模态弹出窗口被向下推，javascript应该被删除。由于缺少jquery include，它目前正在爆炸。如果jquery被正确地包含进来，它会变得更糟，因为javascript会把它全部扔掉。@JamesMontagne你完全正确！我甚至都没看JavaScript！我现在把它拆了。

...
width: 300px;
height: 400px;
margin-left: -150px; // Half the width (negative)
margin-top: -200px; // Half the height (negative)
...