javascript или css3 модальное поле в центре экрана, а не страницы

Question

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

Проблема в том, что я не могу получить его в середине экрана.Так что, если пользователь прокрутил страницу вниз, то в середине появляется всплывающее окно, которое он не видит.

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

Answer 1

Взгляните на это рабочее демо , которое является одним из моих ответов на какой-то другой вопрос SO.

Answer 2

У вас есть 2 варианта:

• используйте position:fixed для не IE7-браузеров, которые правильно его поддерживают;
• подпишитесь на событие $(document).scroll(function() {}) и обновите позицию вашего модального ящика в соответствии со значением $(document).scrollTop() для IE