Плавающий браузер прокрутки переполнения div

Question

У меня есть div, который запускается при вызове jQuery. Я использую это css

.Window { 
    display:none; 
    background-color:#FFFFFF; 
    z-index:1; 
    min-width:500px; 
    min-height:180px; 
    top:20%; 
    position:fixed; 
    left:50%; 
    margin-left:-250px 
} 

В принципе, div находится над содержимым в центре экрана. Проблема в том, что когда я размещаю дополнительный контент в div .Window, а div выше самого браузера, окно браузера не прокручивается. Что бы я сделал, чтобы прокрутить окно браузера, чтобы он отображал весь div с его элементами внутри?

Answer 1

В родительском DIV

overflow: scroll; 

Answer 2

Просто замените position:fixed; с position:absolute;

Answer 3

Положение: постоянное место элемента относительно окна браузера. Div останется в том же положении. Поэтому вам нужно изменить свойство position на другое.

Answer 4

Возможно, я нашел то, что будет полезно для вас. Сделать Div элемент, который будет охватывать весь экран с CSS, как тот

 



     width:100%; 
     height:100%; 
     position:fixed; 
     top:0; 
     overflow:auto; 

Не помещайте фон и не забыть переполнения.

Затем в этом div разместите свой div, но с относительным положением. CSS выглядит

 




    .Window { 
     background-color:#FFFFFF; 
     z-index:1; 
     width:500px; 
     height:180px; 
     top:20%; 
     position:relative; 
     margin:auto; 
    } 

с запасом: авто элемента идти к центру и с горизонтально сверху идет 20% от верхней части первого DIV, то есть в верхней части браузера.

Надеюсь, вам поможет !!!