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

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

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

Answer 1

请选择“ position: fixed ”。

Answer 2

听起来你已经找到了答案，但是因为我已经找到了答案。 这是一个有效的JS小提琴版： Live Version