Как сделать всплывающее окно в центре экрана.

Question

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

1- Прокрутка окна 2- Изменение размера окна 3- Окно изменено, что оно равно размеру экрана мобильного телефона.

Demo 'http://jsfiddle.net/mdsa/rDT7Y/'

Answer 1

использовать этот класс вместо твоего

.popupBox{ 
    display: none; 
    max-width: 600px; 
    width: 100%; 
    text-align: center; 
    position: absolute; 
    z-index: 2000; 
    top: auto; 
    left: auto; 
    border-top: 1px solid #898989; border-bottom: 1px solid #898989; 
     border-left: 1px solid #898989; border-right: 1px solid #898989; 
    box-shadow: 0 0 15px rgba(0,0,0,0.3); 
    background-color: #fff; 
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
    font-size: 12px; 
    line-height: 35px; 
    letter-spacing: 2px; 
    color: #4a4a4a; 
}