jquery - 如何使用 jQuery 垂直居中模式,独立于滚动高度?

标签 jquery css popup modal-dialog

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

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;
}

最佳答案

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

关于jquery - 如何使用 jQuery 垂直居中模式,独立于滚动高度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7127591/

相关文章:

javascript - 从每个函数中的特定索引开始

popup - 在处理中运行应用程序之前为用户输入创建一个弹出窗口 2+

java - 包含 pickList 的 PopupPanel 重新打开后位置发生变化

javascript - 如何使用推文按钮弹出新窗口

javascript - 将输入字段焦点上的标签设置为完全不透明

jquery - 我的 jQuery 代码查找第一个父级有什么问题?

javascript - 如何循环浏览没有显示的元素 :none?

javascript - 如何从弹出窗口中删除边距?

java - 获取列以拉伸(stretch)表格的整个宽度

html - 输入字段中的格线