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

Question

[lopyx]

Метод позиционирования типа

.modal {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}

известен и не подходит.
Есть ли какие-либо способы привязать окно к вьюпорту? Желательно на чистом js, без jquery?

Answer 1

[lavezzi1]

position: fixed;

Answer 2

[lopyx]

Спасибо!