Создание и открытие модального окна прямо во вьюпорте браузера?

Question

[Джон Голт]

Как сделать такое модальное окно, например с базовыми параметрами

.modal{
  positon: absolute;
  top: 0;
  left: 0;
  widht: 100%;
  height: 100vh;
  background-color: #123;
}

которое при нажатии на кукую-либо кнопочку будет открываться не на уровне родительского контейнера, а на уровне вью-порта браузера. Я буду счастлив, если объясните еще, как сделать, чтобы оно фиксировало экран и прокрутка была невозможной (а точнее можно было прокручивать только контент внутри модального окна) и закрытие только через кнопку, например, как реализовали это ребята из codyhouse: codyhouse.co/demo/morphing-modal-window/index.html#0. Проблема в том, что я нубас в jQuery, и раздуплить, как там это работает, пока не в состоянии.

Answer 1

[Александр Таратин]

arcticlab.ru/arcticmodal

Answer 2

[Владимир]

Нужно этот элемент поместить в div (например) у которого position:relative. То тогда позиция берется относительно этого дива.

Comments

[Джон Голт]

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

[Владимир]

position:static относительно окна браузера.