如何使用 jQuery 垂直居中模式，与滚动高度无关？答案

【问题标题】：How do I vertically center a modal using jQuery, independent of scrolling height?如何使用 jQuery 垂直居中模式，与滚动高度无关？
【发布时间】：2013-07-29 21:01:51
【问题描述】：

我想使模态框垂直居中。如果窗口高度足以需要滚动，则弹出窗口始终出现在顶部附近。这意味着我需要向上滚动才能看到它。

var winH = $(window).height(),
    winW = $(window).width();
$(".popup").css('top', winH / 2 - $(".popup").height() / 2);
$(".popup").css('left', winW / 2 - $(".popup").width() / 2);

CSS：

.popup {
    overflow:hidden;
    position:absolute;
    width:600px;
}

【问题讨论】：

标签： jquery css popup modal-dialog

【解决方案1】：

只需使用“position: fixed”即可。

【讨论】：

【解决方案2】：

听起来你已经找到了答案，但既然我已经找到了。这是一个有效的 JS fiddle 版本：Live Version

【讨论】：