Как вертикальное центрирование модала с помощью jQuery, независимо от высоты прокрутки?

Question

Я хочу, чтобы вертикальное центрирование модальное.Если высота окна достаточна для прокрутки, всплывающее окно всегда отображается сверху.Это означает, что мне нужно прокрутить вверх, чтобы увидеть его.

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 fiddle: Live Version